buy-button-js icon indicating copy to clipboard operation
buy-button-js copied to clipboard

Remove focus outline on cart close button

Open stestone opened this issue 6 years ago • 4 comments

On chrome whenever the cart is toggled open it auto-focuses on the close button which renders the ugly grey outline. Can someone please add "outline: none;" to that button so it removes that? Or just don't auto-focus the close button.

stestone avatar Apr 19 '18 22:04 stestone

Actually, can we get an option to disable this accessibility feature site-wide? I'm experiencing this as well as a thin blue outline on my product, after exiting the modal (which also has an auto-focused close button).

graylaurenm avatar Jul 02 '18 13:07 graylaurenm

+1 for not autofocusing the button

ondrakoupil avatar Jul 17 '18 19:07 ondrakoupil

might try focusing on something in an event handler.

mikeymicrophone avatar Nov 13 '19 20:11 mikeymicrophone

Solved.

In:

"cart": { "styles": { } }

Add: "close": { "outline": "0" }

threesixtyninja avatar May 27 '22 11:05 threesixtyninja