[Bug]: Fixed width buttons break focus styling

[jnurthen]

Code of conduct

• 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?

1. Go to https://studio.webcomponents.dev/edit/8zDzFboByFRPg81avRUF/src/index.ts?p=stories
2. keyboard focus on the first button with overflow:hidden;
3. Note there is no focus ring
4. tab to the 2nd button without overflow:hidden
5. 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