evergreen icon indicating copy to clipboard operation
evergreen copied to clipboard

`<Tooltip />` doesn't hide on mouse leave on disabled buttons

Open taochu opened this issue 3 years ago • 1 comments

When using <Tooltip /> on a disabled button, as shown in the code sandbox below, the tooltip shows up on hover but doesn't go away when the mouse leaves the element.

This is happening on Chrome & Safari. Didn't test Edge. Firefox works fine.

Code Sanbox

taochu avatar Jul 12 '22 14:07 taochu

Is there a good reason to use a standard HTML button instead of our <Button /> component as the target? It seems to work on our disabled Button component.

brandongregoryscott avatar Jul 14 '22 14:07 brandongregoryscott

@brandongregoryscott

Sorry for the very late reply. I remember back then the <Button /> didn't work either so I was playing around w/ the native HTML button. Seems to work well now.

Thanks!

taochu avatar Sep 10 '22 03:09 taochu