問題タブ [vaadin-elements]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vaadin-elements - vaadinコンボボックスオーバーレイをコンテナ要素よりも広くするには?
スリム グリッド セル/列内に vaadin-combobox があります。コンボ ボックスを開くと、コンテンツがセル内のスペースに水平方向に制限され、値が表示されません。垂直に正しく重なります。通常の HTML ピックリストのように値のオーバーレイを広くする CSS を探していましたが、見つかりませんでした。
ご指摘ありがとうございます。
polymer - vaadinコンボボックスが間違ったカスタムスタイルをロードする
私のポリマー プロジェクトでは、次のように 2 つのページで vaadin-combobox を使用します: - page1: カスタム コンボボックス スタイル ファイルを作成し、ページにインポートします。
このファイルの内容:
page2 には、他のいくつかの css プロパティを持つ別のカスタム スタイル ファイルがあります。
私が使う
page1 から page2 にリダイレクトしてから使用する
page2 で page1 を返します。この時点で、ページ 1 のコンボボックスは、ページ 2 にインポートしたカスタム ファイルで定義された css によってスタイル設定されています (まだ vaadin-text-field-custom-radius-theme.html の css によってスタイル設定されていると予想していましたが)。理由を教えてください。
p/s: Anton Platonov の提案を実装しようとしましたが、ページ 2 がカスタム スタイル ファイルをインポートしない場合、ページ 2 からページ 1 に戻ると、で定義された vaadin-text-field のデフォルト スタイルが..\bower_components\vaadin-text-field\vaadin-text-field.html は、vaadin-text-field-custom-radius-theme.html の代わりにコンボボックスに使用されます。
vaadin-text-field.html でスタイルのデフォルトを削除すると、コンボボックスはブラウザのデフォルト スタイルから css を修正しますが、vaadin-text-field-custom-radius-theme.html は削除しません。私の vaadin-text-field-custom-radius-theme が存在しないように扱われます。
そして、ページ1を更新すると、すべてが正常になります。これは私のコンボボックスのコードです: