search

atom-material / atom-material-ui

A dynamic UI theme for Atom that follows Google's Material Design Guidelines
MIT License
817 stars 204 forks source link

Tooltip animation interferes with mouse hover events. #355

Closed dantarion closed 7 years ago

dantarion commented 7 years ago

https://github.com/platformio/platformio-atom-ide-terminal/issues/149

Basically, when the tooltip slides upwards, it ends up covering up the button the mouse is over until the animation finishes. As a result, you have to wait for the animation to finish before you can click, and sometimes the animation replays, as the tooltip itself becomes hovered, causing the tooltip to disappear.

GIFV GIF Screenshot

I use this package and was searching to see if anyone has had the same issue I did. They already have a workaround in place, which is

.tooltip {
  transition: opacity 500ms;
}

This makes the tooltip appear in its final position, which stops this problem. This effects platformio-atom-ide-terminal, but it most likely affects any small item with a tooltip

A better fix would be...

.tooltip {
  pointer-events: none;
}

http://caniuse.com/#search=pointer

silvestreh commented 7 years ago

This is fixed in Material UI 2.0. It's available for Atom 1.17-beta users!