spectrum-web-components
spectrum-web-components copied to clipboard
adobe
[Bug]: Fixed width buttons break focus styling
Code of conduct
- [x] I agree to follow this project's code of conduct.
Impacted component(s)
sp-button
Expected behavior
Should be able to create a fixed width button with a long label which truncates without breaking the keyboard focus ring.
Actual behavior
Creating a fixed width button with overflow:hidden breaks the focus ring.
Screenshots
No response
What browsers are you seeing the problem in?
Chrome, Firefox, Safari, Microsoft Edge
How can we reproduce this issue?
- Go to https://studio.webcomponents.dev/edit/8zDzFboByFRPg81avRUF/src/index.ts?p=stories
- keyboard focus on the first button with overflow:hidden;
- Note there is no focus ring
- tab to the 2nd button without overflow:hidden
- Note there is a focus ring
Sample code or abstract reproduction which illustrates the problem
No response
Severity
None
Logs taken while reproducing problem
No response
