Support root element in usePreventScroll

[ritz078]

Provide a general summary of the feature here

ariaHideOutside accepts a root argument that defines the container outside which nothing is hidden. It is useful in situations where an SDK is rendered inside a container and we do not want the behaviour of that SDK to interfere with the behaviour outside that container. This is also related to shadow dom support but doesn't have to necessarily relate with it.

Similarly, we want support for root element in usePreventScroll so that the open overlay doesn't block the scrolling outside the root container.

🤔 Expected Behavior?

We want support for root element in usePreventScroll so that the open overlay doesn't block the scrolling outside the root container.

😯 Current Behavior

No matter where the element is rendered, the whole document's scroll is blocked.

💁 Possible Solution

Described in summary

🔦 Context

Summary explains the requirement

💻 Examples

No response

🧢 Your Company/Team

Nutrient

🕷 Tracking Issue

No response