adobe / adobe/spectrum-web-components

[Bug]: Scrolling on non-scrollable elements inside overlay closes the overlay

Open
#5,113 2 comments 0 reactions 1 assignee Claimed by @Rajdeepc View on GitHub
bug Component:Overlay SEV 4
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.