spectrum-web-components icon indicating copy to clipboard operation
spectrum-web-components copied to clipboard

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

Open spdev3000 opened this issue 9 months ago • 2 comments

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

spdev3000 avatar Feb 24 '25 09:02 spdev3000

SWC-692

najikahalsema avatar Feb 24 '25 17:02 najikahalsema

To be fixed by https://github.com/adobe/spectrum-web-components/pull/5308

Rajdeepc avatar Apr 02 '25 03:04 Rajdeepc