Popup opening and immediately disappearing

[deastman]

trafficstars

Bug Report

This bug pertains to the Popup module. This bug was observed by a member of my team.

Steps

Approach the Popup trigger element with the mouse very slowly from the direction that the Popup appears. For example, if the Popup opens on the bottom, approach the trigger element very slowly from the bottom. When the mouse hits the edge of the trigger element, the Popup appears and then immediately disappears.

Expected Result

The Popup appears and remains open.

Actual Result

The Popup appears and then immediately disappears.

Version

2.0.3 (but this same behavior can be observed on the Popup examples in the docs: popup example

Testcase

https://user-images.githubusercontent.com/2328582/150805144-7f129d37-51ed-48b1-b3e5-8d9c18c629ba.mov

[welcome[bot]]

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

[layershifter]

Sorry, but I don't see any regression there. Even compared to 0.88.2, https://codesandbox.io/s/semantic-ui-example-forked-gk4du. It's a default behavior.

To delay it from closing you can increase mouseLeaveDelay:

<Popup
  content="Add users to your feed"
  trigger={<Button icon="add" />}
  mouseLeaveDelay={2000}
/>

Or configure behavior via on prop:

<Popup
  trigger={
    <Button color="red" icon="flask" content="Activate doomsday device" />
  }
  content={<Button color="green" content="Confirm the launch" />}
  on="click"
  position="top right"
/>

https://react.semantic-ui.com/modules/popup/#usage-actions

---

You always can use controlled mode to configure desired behavior: https://react.semantic-ui.com/modules/popup/#usage-controlled

[layershifter]

Closing as there is no reply from an author.