Mat-Select не принимает родительскую ширину по умолчанию 180 пикселей от .mat-form-field-infix (Edge Browser) - PullRequest
Новая
       48

Mat-Select не принимает родительскую ширину по умолчанию 180 пикселей от .mat-form-field-infix (Edge Browser)

0 голосов
/ 17 октября 2019

Mat-Select должен иметь размер 180px, который является шириной контейнера mat-infix

Проблема

Выбор диапазонов 100%, если ширина поля формы не задана

В этом поле формы не задана явная ширина, однако элемент select не содержится в 180px с содержащим его mat-form-field-infix. он отлично работает во всех браузерах, кроме Edge (последняя версия в Windows 10)

Нормальное поведение Chrome

https://www.screencast.com/t/SR3NWkOJ

Ненормальное поведение Край

https://www.screencast.com/t/oA3q8LzLZrIc

Также его и Открытая проблема на GitHub Мне нужно некоторое решение, пока ониисправление

1 Ответ

0 голосов
/ 17 октября 2019

Похоже, что это ошибка Angular Material , вы можете опубликовать отзыв об этой проблеме в Angular Material.

В качестве временного решения вы можете попробовать использовать элемент html,и используйте атрибут matNativeControl и стили CSS, связанные с матом.

Например: 

<select class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored" id="mat-input-0" aria-invalid="false" aria-required="true" required="" _ngcontent-evs-c20="" matnativecontrol="">
      <option value="volvo" _ngcontent-evs-c20="">Volvo</option>
      <option value="saab" _ngcontent-evs-c20="">Saab</option>
      <option value="mercedes" _ngcontent-evs-c20="">Mercedes</option>
      <option value="audi" _ngcontent-evs-c20="">Audi</option>
</select>
...