Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
1 task done
spdev3000 opened this issue Feb 24, 2025 · 1 comment
Open
1 task done
Labels
bug Something isn't working Component: Overlay jira ticket created triage An issue needing triage

Comments

@spdev3000
Copy link
Collaborator

Code of conduct

  • 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 spdev3000 added bug Something isn't working needs jira ticket triage An issue needing triage labels Feb 24, 2025
@najikahalsema
Copy link
Collaborator

SWC-692

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working Component: Overlay jira ticket created triage An issue needing triage
Projects
None yet
Development

No branches or pull requests

2 participants