search

joejordanbrown / popover

Angular CDK Popover, no default style, examples using @angular/material
MIT License
212 stars 75 forks source link

mde-popover flickering in and out when hovering and overlap trigger is enabled #873

Closed ZentoDH closed 1 year ago

ZentoDH commented 1 year ago

Bug

What is the expected behaviour?

The popover to stay open, as long as the mouse is in the pop over window.

What is the current behaviour?

When using the hover trigger, the mde-popover flickers in and out. This happens a lot but inconsistent. It can be prevented if you disable the animation or put a leaveDelay with a really high number. My guts say it's to do with the pop up animation time, since it doesn't happen when there's no animation. Here's what happens on my machine. Macbook 13 inch 2017.

flickeringBug

What are the steps to reproduce?

Here's a slackblitz, hover over the github icon to get the bug to trigger. Remember, you might need 2 or 3 tries to get it triggered. https://stackblitz.com/edit/angular-material-extended-mde-popover-es3lta?file=app%2Fapp.component.html

What is the use-case or motivation for changing an existing behaviour?

In our current app, the popover is used to show a full image as a preview and it keeps on flickering which isn't a nice user experience.

Which versions of Angular, Material-Extended, OS, TypeScript, browsers are affected?

As far as I know, the latest of Material-Extended

Thanks in advance!

stale[bot] commented 1 year ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.