adobe / adobe/spectrum-web-components
[Bug]: Scrolling on non-scrollable elements inside overlay closes the overlay
- Dominant language
- TypeScript
- Stars
- 1.5k
- Forks
- 262
- Avg merge
- 3d 10h
- Merged PRs (30d)
- 68
Description
### Code of conduct
- [x] I agree to follow this project's code of conduct.
### Impacted component(s)
Overlay
### Expected behavior
If a user scrolls with mouse wheel or trackpad on a non-scrollable element (short picker etc.) inside an overlay should not close the overlay.
### Actual behavior
If an overlay with `type="auto"` (to a fixed reference element) is opened and user tries to scroll over contained elements (such as pickers etc.) - it will close the overlay.
### 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/hhGVPdOsiEgFhwZomdsF/src/index.ts?p=stories
2. Click on the button to open overlay
3. Open picker and scroll over it with mouse wheel
4. Overlay is closed
This does not happen if the overlay is opened with `type="modal"`, see: https://studio.webcomponents.dev/edit/T4qvf6VdDIDu5X2IQI3j/src/index.ts?p=stories
### Sample code or abstract reproduction which illustrates the problem
_No response_
### Severity
SEV 4
### Logs taken while reproducing problem
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.