Подсказка материала со значком не работает на мобильных телефонах
Я использую angular 7 с материалом, и я хочу создать поле ввода со значком информации, в конце используйте matSuffix, который является всплывающей подсказкой. Он работает на настольных компьютерах, но не работает на мобильных телефонах.
Я создал stackblitz: https://angular-ncv2mp.stackblitz.io/ Я также пытался использовать с кнопкой, но это также не работает.
Кто-нибудь может мне помочь?
Ответы 2
Когда мы работаем на рабочем столе, всплывающая подсказка отображается сразу после наведения курсора мыши на этот конкретный элемент.
Но On Мобильный телефон — всплывающая подсказка работает при длительном нажатии для этого конкретного элемента. Пожалуйста, попробуйте это.
Если это не сработает, обновите, я предоставлю другой способ.
По умолчанию MatTooltip корректно открывается на мобильных устройствах при длительном нажатии.
Но я предлагаю также реализовать переключатель скрытия/отображения всплывающей подсказки по нажатию кнопки, например так, потому что многие мобильные пользователи не понимают, что им нужно долгое нажатие, чтобы увидеть всплывающую подсказку:
<button type = "button" matTooltip = "I am a tooltip!" #tooltip = "matTooltip" (click) = "tooltip.toggle()" ...
Таким образом, оба решения работают на мобильных устройствах: долгое нажатие и переключение всплывающей подсказки одной вкладкой.
Он работает с простым вводом текста, но не работает с выбором поля ввода. Не могли бы вы предоставить мне другое решение?