Плавающие метки Angular Material исчезают или обрезаются при наведении курсора мышиCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Гость
 Плавающие метки Angular Material исчезают или обрезаются при наведении курсора мыши

Сообщение Гость »


Я не хочу отключать плавающие метки, если в этом нет необходимости, но они меня не устраивают. Когда я наводю на них курсор, в большинстве случаев плавающая метка либо полностью исчезает, либо обрезается нижняя половина, либо (реже) обрезается верхняя половина. Я пробовал настроить z-индекс и видимость переполнения для различных элементов в поле mat-form-field, но безуспешно.


Изображение

Изображение

Изображение


К сожалению, мне даже не удалось точно воспроизвести проблему на StackBlitz. Я могу воспроизвести тот, где верхняя часть метки обрезается, если между элементом выше и полем формы нет верхнего заполнения, но, как вы можете видеть ниже, верхнего заполнения достаточно, и это не должно быть проблемой. Кроме того, поскольку метка обрезается внизу или вообще исчезает, я не уверен, что проблема заключается в заполнении родительского элемента.


Изображение


Не уверен, что это полезно, поскольку это всего лишь стандартное поле mat-form, но вот код:

Источник данных {{ option.label }} Само поле формы не имеет дополнительных стилей. Родительский элемент div поля формы применяет макет сетки к своим дочерним элементам, но эта проблема также возникает и в другом компоненте, где поле формы также находится в гибком макете.
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»