高さがユーザー入力に合わせて動的に大きくなるカスタム JavaScript コンポーネント (VerticalLayout に配置) があります。その下にプレビューがある stackoverflow 編集フィールドと同様です。
問題は、「プレビュー」が、特定のサイズに達すると、カスタム コンポーネントの下に配置されたコンポーネントの内容と重なってしまうことです。4行以上書くと、「プレビュー」がタグフィールドの後ろに移動し、スタックオーバーフローの送信ボタンになると想像してください。
JavaScript コンポーネントの css にはサイズ情報 (幅:100% 以外) が含まれておらず、VerticalLayout も含まれていません。
質問: Vaadin VerticalLayout で、以前のコンポーネントのサイズが変更された場合にコンポーネントが下に移動するように指定するにはどうすればよいですか?
または、この一般的な状況を解決する方法を他に考えていますか?