[Bug]: sp-number-field cannot press increment/decrement buttons with VO on MacOS

[jnurthen]

trafficstars

Code of conduct

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

Impacted component(s)

sp-number-field

Expected behavior

When I use VO cursor to move to the Increment/Decrement buttons I should be able to press them to modify the field

Actual behavior

Nothing happens when I press the buttons using VO

Screenshots

No response

What browsers are you seeing the problem in?

Safari

How can we reproduce this issue?

1. Go to https://opensource.adobe.com/spectrum-web-components/components/number-field/
2. Go to any of the Number Fields in the page
3. Make sure VO is on
4. Press CTRL+OPTION+Right arrow to focus on the increment button
5. Press CTRL+OPTION+SPACE to press the button. Note the value does not increase

Sample code that illustrates the problem

No response

Logs taken while reproducing problem

No response

[najikahalsema]

Related to #3274 #3272

[susmithayenugula]

Hi team, I verified that this issue exists on Safari and not on Chrome. Observe the focus ring during VO in Safari:

On Chrome, the focus ring doesn't bleed beyond the boundaries of the button.

I wonder if the boundary is causing the issue. The sp-infield-button has aria-label set with role="button". I don't see any specific CSS for outline or box-shadow. I do see some border variants that I will look into.

Looking for pointers on how to investigate further, thank you!