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 does not stay open on scroll #4483

Open jjylha opened 1 month ago

jjylha commented 1 month ago

Bug Report

Steps

  1. Create a Popup
  2. Try to keep it open while scrolling

Expected Result

Popups should stay open by default. hideOnScroll should be false by default (as in SUI-R v.2) so no Popup should be closed on scroll. Only if set to hideOnScroll={true} should a Popup close on scroll.

Actual Result

Currently, there is no easy way to keep uncontrolled or controlled Popups open when scrolling. Whenever you scroll any Popup is forced to close no matter if you use hideOnScroll={false} or controlled open property. 💣

This is a showstopper issue for Popups that have tall content and overflow visible screen (especially on mobile screens). The popup content becomes inaccessible. When you try to scroll to see the overflowing content the Popup closes before you can do that.

Version

3.0.0-beta.2

Testcase

https://codesandbox.io/s/2l3n74j9y](https://codesandbox.io/p/sandbox/semantic-ui-example-forked-nq8kdx?file=%2Fexample.js)

welcome[bot] commented 1 month 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.