search

Semantic-Org / Semantic-UI-React

The official Semantic-UI-React integration
https://react.semantic-ui.com
MIT License
13.19k stars 4.04k forks source link

Popup is always hidden on scroll #4476

Open kaelhem opened 3 months ago

kaelhem commented 3 months ago

Bug Report

It seems not possible now to keep a popup opened during page scroll.

Steps

Go on https://react.semantic-ui.com/modules/popup/#usage-default-open and observe that the popup is hidden during page scroll.

bloggif_66069abfe616a

Expected Result

The popup should respect the open property.

Actual Result

The popup is hidden during page scroll, even with hideOnScroll={false}.

Version

This bug affect all versions 3 (3.0.0-beta0, 3.0.0-beta1, 3.0.0-beta2) but not version 2 (I tried 2.1.4 and 2.1.5).

welcome[bot] commented 3 months ago

👋 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.

jjylha commented 1 month ago

Yes, hideOnScroll does not work as expected in SUI-R version 3. The popup is always hidden by default on scroll and setting hideOnScroll={false} has no effect.

On mobile screens popups with tall content that overflow the screen area become inaccessible. Any time you try to scroll to see the whole popup content the popup will be closed. Trying to control popup via open property does not help but the popup is always force closed.

jjylha commented 1 month ago

Created this with a sandbox to better explain the issue: https://github.com/Semantic-Org/Semantic-UI-React/issues/4483