Semantic-UI-React icon indicating copy to clipboard operation
Semantic-UI-React copied to clipboard

Popup is always hidden on scroll

Open kaelhem opened this issue 1 year ago • 3 comments

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

kaelhem avatar Mar 29 '24 10:03 kaelhem

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

welcome[bot] avatar Mar 29 '24 10:03 welcome[bot]

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 avatar May 28 '24 06:05 jjylha

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

jjylha avatar May 28 '24 08:05 jjylha