Mouse leave event not working for follow/unfollow button?
Repro method:
1) Using Google Chrome version 88.0.4324.150 on desktop
2) Place mouse over follow/unfollow button
3) without clicking, remove curser from the button
Expected Behavior: The "Follow"/"Unfollow" speech bubble should appear when the mouse enters the button, and disappear when it leaves the button, as it does for the turn notifications on/off button.
Observed Behavior: The Speech bubble appears, but does not disappear until the mouse goes over another button.
Repro rate: 20/20 100% over multiple stream pages

-
Coralfluff commented
Reproduction steps:
1. In Safari, while logged-in to Twitch, navigate to a stream where the logged-in account follows the streamer.
2. Once the Unfollow button in the info bar beneath the stream window appears, move the cursor over and past the button at a speed such that the cursor does not spend more than a frame with the cursor over the button (the cursor should not change to a hand icon while over the button).
3. Once the cursor has left the button, observe the button.Expected behavior:
- The button should only briefly show in the highlighted state, but once the cursor has left the button, it should not show as highlighted anymore.Observed behavior:
- The button remains in its highlighted (hover) state after the cursor has left the button.Reporter’s notes:
- The following link goes to a video that demonstrates this bug being reproduced: https://streamable.com/c10nqw
- Moving the cursor over the button at slower speeds will remove the hover state as expected.
- Though there are other reports on this website of this or similar bugs happening, the ones I have seen are well over a year old, and seem to not have the restriction of how quickly the cursor is moved off of the button. Additionally, the one I saw that actually listed a user-agent reports it as happening in Chrome, and I can't reproduce this issue on Chrome or Firefox on macOS.
- While I'm currently using Safari 16.1 on a beta version of macOS Ventura (macOS 13.0 Beta 8), I have experienced this issue for a very long time, long before using a beta version of the operating system and am confident it can be reproduced on the most recent stable versions of macOS 12 and Safari 15. -
Coralfluff commented
I realize this issue is over a year old, but I'm having a very similar issue in Safari on macOS (and in fact cannot reproduce it in Chrome or Firefox, suggesting it may have been fixed in those browsers). In my case in Safari, the issue only happens when the cursor is moved over and off of the button in the same frame. Below is the bug report I wrote and will also be filing separately:
macOS Safari: Moving cursor over Unfollow button quickly enough retains hover state after cursor leaves button
Reproduction steps:
1. In Safari, while logged-in to Twitch, navigate to a stream where the logged-in account follows the streamer.
2. Once it appears, move the cursor over and past the Unfollow button in the info bar beneath the stream window at a speed such that the cursor does not spend more than a frame with the cursor over the button (the cursor should not change to a hand icon while over the button).
3. Once the cursor has left the button, observe the button.
Expected behavior:
- The button should only briefly show in the highlighted state, but once the cursor has left the button, it should not show as highlighted anymore.Observed behavior:
- The button remains in its highlighted (hover) state after the cursor has left the button.Reporter’s notes:
- The following link goes to a video that demonstrates this bug being reproduced: https://streamable.com/c10nqw
- Though there are other reports on this website of this or similar bugs happening, the ones I have seen are well over a year old, and seem to not have the restriction of how quickly the cursor is moved off of the button. Additionally, the one I saw that actually listed a user-agent reports it as happening in Chrome, and I can't reproduce this issue on Chrome or Firefox on macOS.
- While I'm currently using Safari 16.1 on a beta version of macOS Ventura (macOS 13.0 Beta 8), I have experienced this issue for a very long time, long before using a beta version of the operating system and am confident it can be reproduced on the most recent stable versions of macOS 12 and Safari 15. -
Bicowan commented
Both the follow button and the notifications button have a little speech bubble type pop up that appears if you hover over them. On placing the mouse on the button, the pop up seems to 'pop' out of the page, and on removing the mouse, the pop up will 'drop away' from the user. However, while the notifications button works as I imagine is intended, the follow button is missing the 'drop away' animation on mouse off, instead instantly vanishing.
-
nitrix_live commented
Yeah, you have to mouse over something else that does a tooltip to remove it. This one in particular stays for no reason... It's so annoying, especially on mobile.
Please fix, I came here to report the same.
-
cordikal11 commented
Every time I move my mouse over the follow button it keeps the little pop up that says unfollow/follow up after I move off of it unless I move back over the notification button. It's not a big issue, but I don't like seeing the unfollow text popping up and not disappearing after I move my mouse over the button when I'm watching my favorite streamers.
-
Jamama24 commented
When hovering over the follow button either on accident or on purpose, the text that pops up does not disappear when the mouse leaves. Sometimes all it takes is to mouse over it once again, sometimes 3,4 times.
-
yuuriresende commented
the alt. text from hovering the unfollow button should appear just when hovered,
if i dont hover the notification button, the alt text dont fades away.
i think you forgot to call the onMouseLeave method or something like that
(ps. im using google chrome Version 86.0.4240.183 Official Build 64-bit on Ubuntu 20.04.1 LTS OS)