spectrum-web-components
spectrum-web-components copied to clipboard
adobe
[Bug]: Overlay in focus region dismissed when click into its content
Code of conduct
- [x] I agree to follow this project's code of conduct.
Impacted component(s)
Overlay, ActionButton
Library version
1.7.0
Expected behavior
When using sp-overlay (type=auto) with a button and the user clicks on any item in the overlay content - the overlay should stay open.
Actual behavior
When that button and sp-overlay are wrapped into a focusable div (with tabindex=0) clicking into the overlay content auto-closes it.
Screenshots
No response
What browsers are you seeing the problem in?
No response
How can we reproduce this issue?
- Go to https://stackblitz.com/edit/vitejs-vite-tqg9vjko?file=src%2Fmy-element.ts
- Click on first or second button
- See overlay content with popover
- Click on overlay content
- See overlay closes
- Click on 3rd button (that is not wrapped into focusable div) - and overlay doesn't close when clicking into its content
Sample code or abstract reproduction which illustrates the problem
No response
Severity
None
Logs taken while reproducing problem
No response
Would you like to track this issue in Jira?
- [x] Yes, please tell me the ticket number!
