Mouseover не работает на карте с выпадающим или DatePicker или Timepicker и т. Д. - PullRequest
0 голосов
/ 27 апреля 2020
  • У меня есть карточка с указателем даты, раскрывающимся списком и простым полем ввода
  • Я добавил мышь к каждой карточке. когда мы наведем курсор мыши на карту, она будет выделена (это означает, что если мышь находится внутри карты, цвет фона должен быть выделен).
  • Когда я нажимаю на кнопку выбора даты или раскрывающийся список, цвет фона карты меняется на белый. Я добавил код к ссылке на стекаблиц ниже

https://stackblitz.com/edit/angular-bu4fcp-kjwacf

this is how it should look when mouseover inside the card

In this image we can see that when we click on datepicker the background color change back to white(even though it is inside the card)

1 Ответ

1 голос
/ 27 апреля 2020

Быстрое исправление:

Попробуйте удалить атрибут mouseout с карты выбора даты.

(mouseout)="cardNumber=0"

Обновленный код:

<mat-card (click)="activateThisCard(1)" [ngClass]="{'selected': cardNumber == 1}" (mouseover)="cardNumber=1">

Снимок экрана:

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...