[Bug]: [mobile] When switching from selected to unselected state, sp-action-button briefly shows pressed color

[lavinia-palanciuc]

Code of conduct

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

Impacted component(s)

sp-action-button

Expected behavior

The transition should be direct from selected to unselected states.

Actual behavior

When deselecting the button a grey color (corresponding to the pressed state) is briefly shown between the selected and unselected colors. This results in a visible flicker when not in debug mode.

Screenshots

No response

What browsers are you seeing the problem in?

Chrome

How can we reproduce this issue?

Steps to Reproduce:

1. Open https://studio.webcomponents.dev/ and create a project.
2. Add an sp-action-button

My Action 3. Go to Chrome debugger and select mobile device. 4. Select and deselect the button

Sample code or abstract reproduction which illustrates the problem

No response

Severity

SEV 3

Logs taken while reproducing problem

No response