Skip to content

Popup does not stay open on scroll #4483

@jjylha

Description

@jjylha

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)

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions