Angularのflex-layoutライブラリを使用していますが、幅が50%の2列の行を作成すると問題が発生します。ドロップダウンの1つを使用すると、もう1つの列が少し縮小します。Chromeの要素を調べたところ、問題の原因となる明らかなものは何も見つかりませんでした。
Select #1
ドロップダウンからオプションを選択すると、問題を再現できます。
http://plnkr.co/edit/aL1qrrP3sX2XZQcfaglQ?p=preview
何が足りないのですか?
問題は、アイテムを選択すると、選択した入力の一番上にあるプレースホルダーの幅がJavaScriptによって増加することです。の場合と同様position: relative
に、DOM内の位置は変更されないため、選択フィールドの場合と同じですが、幅が広くなり、矢印が右に押し出されます。
この問題を修正するには、次を追加します
.mat-select-arrow {
position: absolute;
right: 0;
}
したがって、矢印は絶対位置にあり、プレースホルダーによって押されることはありません。
プレースホルダーの幅が変更されているのは不思議です...
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加