問題タブ [vaadin14]

最近、アプリを Vaadin 14 ネイティブ NPM (非互換モード) およびプロダクション モードに切り替えました。Vaadin のバージョンは 14.3.7 です。これは、Gradle を使用して実行可能な .war ファイルとしてパッケージ化された Spring Boot アプリです。Vaadin Gradle プラグインを使用しています。

アプリが使用できない Safari (iOS + Mac) を除いて、問題なく動作します。Mac では次のエラーが表示される場合があります。

ES6 モジュールが Safari でこのエラーを引き起こす可能性があるというソースを見つけましたが、Vaadin はデフォルトで本番モードで ES5 にトランスパイルすると思います。

Safari でも動作させるにはどうすればよいですか?

build.gradleファイル からいくつかの関連部分を更新します。

Vaadin 14.4.2 では、splitLayout 内にチャートを追加したシナリオがあります。ただし、ユーザーとして、splitLayout を拡大または縮小すると、対応するグラフのサイズが変更されません。グリッドなどの他のコンポーネントは、自動的にサイズ変更されます。チャートを他のコンポーネントのように動作させるための「魔法の」構成オプションはありますか? (以下のスクリーンショットは、グラフの下のグリッドが適切に自動的にサイズ変更されたにもかかわらず、サイズが変更されていないことを示しています。) (参考までに、私はこれを次のように呼んでいます:spectraChart.setSizeFull();そのため、チャートは利用可能なすべてのスペースを使い果たしているはずです。）（別の参考情報：おそらくsplitLayoutのサイズ変更を「トラップ」してからプロットをやり直すこともできますが、これは「フレームワーク」では理想的には必要ではないように思われますチャートは、グリッドなどの他のコンポーネントと同様に動作する必要があるコンポーネントであるため、Vaadin などのソリューション)。

Vaadin 14.4.2 では、右側に「チャート メニュー」ボタンがあるチャートがあり、ユーザーはチャートをさまざまな形式 (png、jpeg など) でダウンロードできます。ただし、チャートをpngとしてダウンロードすると、ひどく「押しつぶされ」ます。ユーザーの画面に表示されるグラフとは異なります。解像度は、少なくともユーザーが自分の画面で見ているものと同じくらい良いと思っていたでしょう. Vaadin チャートが解像度を変換するのはなぜですか? 別の言い方をすれば、「png へのダウンロード」をユーザーの画面に表示されるものと同じように表示する簡単な方法はありますか? (最悪の場合、「ファイルにダウンロード」チャート機能を無効にします。ほとんどのユーザーは画面のスクリーンショットを撮る方法を知っているかもしれませんが、ダウンロード機能が機能することを望んでいました。

これが png です。上のスクリーンショットのグラフとは違うことがはっきりとわかります。なぜか解像度がかなり低いです。

Vaadin 14.4.2 では、タブ付きのダイアログ ボックスがあります。最初のタブにはスプリッターがあります。スプリッターのサイズを変更すると、見栄えがよくなります (図 1)。しかし、別のタブ (「Quant By Sample」など) をクリックして最初のタブ (図 1 の元のタブ) に戻ると、スプリッターの場所を忘れてしまいます。(図 2 を参照); 代わりに、スプリッターのデフォルトの場所で画面を「更新」したようです。これはバグですか？もしそうなら、安全で安定した回避策はありますか (または修正を待つべきですか?)

図 1: 最初のタブで、サイズ変更後

図 2: 別のタブをクリックして元のタブに戻った後: