[Bug]: Picker doesn't close in modal overlay when clicked outside of picker element

[spdev3000]

Code of conduct

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

Impacted component(s)

Picker, Overlay

Expected behavior

When a user opens a picker inside a modal overlay (dialog or such) the picker menu should be closing when the user clicks outside the picker or the modal overlay.

Actual behavior

When a user opens a picker inside a modal overlay (dialog or such) the picker menu can't be closed by clicking outside the picker nor modal overlay. Only selecting a different picker-item will close it.

Screenshots

No response

What browsers are you seeing the problem in?

Chrome

How can we reproduce this issue?

1. Go to https://studio.webcomponents.dev/edit/T4qvf6VdDIDu5X2IQI3j/src/index.ts?p=stories
2. Click on Button to open modal overlay
3. Open picker component
4. Try to click outside picker to close it
5. See error

Sample code or abstract reproduction which illustrates the problem

No response

Severity

SEV 2

Logs taken while reproducing problem

No response

[najikahalsema]

SWC-687