fix: opened popup should be dismissed when window resized in select

[rajsite]

🐛 Bug Report

When the window is resized an open pop-up should be dismissed. For example, the pop-up for a select control should close similar to a browser native select control. Another potential option (that doesn't seem to align with browser behavior) is to resize the pop-up so scrollbars are not added to the page:

💻 Repro or Code Sample

See above example. Stackblitz used: https://stackblitz.com/edit/typescript-geugdq

🤔 Expected Behavior

Align with native select and dismiss popup when browser window is resized

😯 Current Behavior

The popup does not respond to the window resize

💁 Possible Solution

• Listen for browser resize
• Potentially for some other event, does the native select dismiss for any blur?

🔦 Context

A select that is opened with many different many items causes the page to add scrollbars if the window is resized.

A particularly uncomfortable behavior this causes is double scrollbars for long lists of items after a window resize:

🌍 Your Environment

• OS & Device: Win 10 PC
• Browser Chrome
• Version @microsoft/[email protected]