atomic-data-browser icon indicating copy to clipboard operation
atomic-data-browser copied to clipboard
verified publisher icon atomicdata-dev

Lose focus after tap on touch devices

Open joepio opened this issue 4 years ago • 2 comments

Tapping a link results in a focus state on the button, which doesn't go away. I want a focus style for keyboard ease of use, but I don't want it to be visible after a tap.

Inspiration: https://github.com/react-bootstrap/react-bootstrap/issues/1300

joepio avatar Feb 22 '21 17:02 joepio

Maybe use :focus-visible instead of focus https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible

joepio avatar Feb 22 '21 17:02 joepio

Only fixed it on ios, not on android. Re-opening.

joepio avatar Mar 04 '21 11:03 joepio