Add hideOverlaysOnDocumentScrolling option to PrimeReact config

[mertsincan]

Define behavior if the browser window is scrolled while displaying an overlay panel like a Dropdown or Calendar. Depending on your organization's accessibility needs some prefer panels to be closed on scrolling and some prefer the overlay follow the scroll. Default value is false.

[krawieckamil]

@melloware What about the case when we have a structure like this:

<Dialog>
    <Dropdown />
<Dialog />

and appendTo set to default (document.body)
I think that hideOverlaysOnDocumentScrolling should take into consideration the current appendTo property as a parent. addScrollableParent in DomHandler adds the parent of the dropdown which is a dialog content, not a body element, so the closing mechanism does not trigger.

[melloware]

Yep can you open another ticket @krawieckamil and I will look at it. It should absolutely close inside dialogs as well if this setting is used.

[melloware]

@krawieckamil I just tested it and its working for DropDown inside the dialog. When I scroll inside the dialog the DropDown closes? Here is a reproducer: https://stackblitz.com/edit/react-tm6qh2?file=src%2FApp.js