bug(sp-picker): Picker doesn't close on scroll and is switching placement because of that

[najikahalsema]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

sp-picker, overlay

Expected behavior

Placement should maintain its location.

Actual behavior

The overlay isn't closing upon scrolling, which causes the overlay to shift from bottom placement to the top.

Screenshots

sp-picker-production.mov

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

1. Go to '...'
2. Click on '....'
3. Scroll to '....'
4. Check console
5. See error

Sample code that illustrates the problem

No response

Logs taken while reproducing problem

No response

[najikahalsema]

cc @pwong09

[pwong09]

The other issue with sp-picker is the way the overlay's height increases (presumably forever) while the user scrolls down the main webpage due to its height set to 100%. I had expected the overlay's height to stay static while I scroll outside of it.

[Westbrook]

As of #3456 the <sp-picker> and related elements close on scroll.