Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Popup is always hidden on scroll #4476

Open
kaelhem opened this issue Mar 29, 2024 · 3 comments
Open

Popup is always hidden on scroll #4476

kaelhem opened this issue Mar 29, 2024 · 3 comments

Comments

@kaelhem
Copy link

kaelhem commented Mar 29, 2024

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

Copy link

welcome bot commented Mar 29, 2024

👋 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
Copy link

jjylha commented May 28, 2024

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
Copy link

jjylha commented May 28, 2024

Created this with a sandbox to better explain the issue: #4483

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants