Scrolling with Flyout

[ghost]

Taking a look at the Flyout examples, specifically I noticed two things. First, the super select's dropdown floats on it's own separate from the input bar when opened. Secondly, once you reach the bottom of the flyout content, it starts to scroll the main content underneath. Is there anyway to keep the superselect in tact in a flyout and lock the main content while the flyout is active?

[snide]

This popover issue is noticed and tracked here. #1023

Secondly, once you reach the bottom of the flyout content, it starts to scroll the main content underneath.

This is normal browser behavior when there are multiple scrolls on a page. It can be "fixed" by setting ownFocus on the flyout, which forces the body height to 100%. In general, using ownFocus is preferred, but hasn't been set as a default since it would require a sizable upgrade downstream.

Closing this issue, but please feel free to ask questions if either answer isn't satisfactory.

[ghost]

I'm not really seeing a clear answer in that issue. I see something about a container prop but on which component cuz it doesn't seem to be documented

[snide]

Sorry, it's not an answer. It's that the issue is already tracked so this issue is a duplicate.