Skip to content

[Bug]: Modal overlays do not prevent clicks on external elements #5628

@lehelen19

Description

@lehelen19

Code of conduct

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

Impacted component(s)

sp-overlay

Library version

1.7.0

Expected behavior

When a modal overlay is open, we should not be able to click on an element outside of the overlay without first exiting the overlay.

Actual behavior

When a modal overlay is open, we are able to click on an element outside of the overlay.

Screenshots

No response

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

1.4.0: https://stackblitz.com/edit/vitejs-vite-x96vj1wk?file=package.json,src%2Fmy-element.ts

  1. Click on the "Open overlay" button to open a modal overlay
  2. Hover over the "External" button and notice how the cursor does not change and how you can't click on it immediately

1.7.0: https://stackblitz.com/edit/vitejs-vite-nvgyzymb?file=package.json,src%2Fmy-element.ts
Observe how you can click on the "External" button even when the modal overlay is open.

Sample code or abstract reproduction which illustrates the problem

No response

Severity

SEV 3

Logs taken while reproducing problem

No response

Would you like to track this issue in Jira?

  • Yes, please tell me the ticket number!

Metadata

Metadata

Assignees

Labels

SEV 3Issue that cause noticeable errors/minor usability problems which cause confusion or degrade UXStatus: ResearchingbugSomething isn't workingjira ticket createdTODO: Delete label once Jira integration is complete

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions