[Select] Keep popup open when another element scrolls

[luncheon]

The current Chromium implementation of <selectmenu> closes the popup when scrolling occurs outside of that element.
This behavior makes it hard to implement “Live Preview” feature (like MS Office).

It looks: hover an <option> -> content size changes -> scroll position changes -> popup closes.

(Look at the scrollbar.)

selectmenu-live-preview.mp4

CodeSandbox:
https://codesandbox.io/s/selectmenu-example-n9tl49?file=/src/SelectFontFamily.tsx

Smaller example on CodePen:
https://codepen.io/luncheon/pen/mdpeRvV

This may not be a behavior that needs to be specified in the specification, but please consider supporting Live Preview.
(Whether or not Live Preview is supported, I think it is inconvenient to close the popup when scrolling.)

[mfreed7]

Thanks for reporting this issue. Your demo does make a very compelling case for not light dismissing on scroll.

This is a duplicate of #240, so I'm going to close it. But I'll add a comment there referencing your point of view and demo page.

[luncheon]

Thank you😊