diff --git a/app/assets/stylesheets/base.css b/app/assets/stylesheets/base.css index a02579a80..ca09c2f20 100644 --- a/app/assets/stylesheets/base.css +++ b/app/assets/stylesheets/base.css @@ -59,6 +59,7 @@ outline-offset: var(--outline-offset, calc(var(--outline-size) * 2)); } + &:where(:focus-visible):focus, &:where(:focus-visible):active { outline: 0; } diff --git a/app/assets/stylesheets/trays.css b/app/assets/stylesheets/trays.css index aef0a93e4..24399ffc4 100644 --- a/app/assets/stylesheets/trays.css +++ b/app/assets/stylesheets/trays.css @@ -21,6 +21,11 @@ position: fixed; z-index: var(--z-tray); + &:where(:focus-visible):focus, + &:where(:focus-visible):active { + outline: 0; + } + :where(.tray__item) { --tray-item-delay: calc((var(--tray-item-index) - 1) * 10ms); --tray-item-y: calc((var(--tray-item-index) - 1) * (var(--tray-item-offset) * -1) - var(--tray-bottom-padding));