In the Semantic UI & Semantic UI React examples, go to Popup and try the Flowing Example
SUI: https://semantic-ui.com/modules/popup.html
SUIR: https://react.semantic-ui.com/modules/popup/
The Popup hover behaviour on SUIR should match SUI.
The SUIR Popup on hover mode unreliably closes, even when the mouse is within the bounds of the popup content.
0.83.0
You should find that on SUI the Popup on hover closes only when your mouse leaves the bounds of the popup content, but on SUIR the popup content closes unpredictably, even when your mouse is within the popup content bounds.
I tested in Chrome and don't any difference, however SUI has transitions. Can you record a gif? Becuase your issue is not obvious to me.
I am finding cases in my website where buttons and other interactable components are not able to be interacted with reliably when wrapped in a Popup.
It may be similar to https://github.com/Semantic-Org/Semantic-UI-React/issues/3231#issuecomment-432258707
I'm using the latest non-beta version of Firefox:
SUI:
SUI React:
Now it's more clear, thanks.
+1. Have same issue!
Hello! I've been a heavy user of SUIR for some time and I've been planning to start contributing to this repo.
I've investigated this issue and possibly found a solution, could submit a PR soon.
Most helpful comment
Hello! I've been a heavy user of SUIR for some time and I've been planning to start contributing to this repo.
I've investigated this issue and possibly found a solution, could submit a PR soon.