From 679f1ca658731aec6e922cacfb8418907f3298c5 Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Wed, 13 Nov 2024 17:00:56 +0100 Subject: [PATCH] Suppress focus markers if `:focus-visible` is not met See https://www.woltlab.com/community/thread/309471-mobile-device-dropdown-menu-hover/ --- wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss | 2 +- wcfsetup/install/files/style/ui/itemListInput.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss b/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss index a523173965..c08dd51e5e 100644 --- a/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss +++ b/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss @@ -26,7 +26,7 @@ display: block; &:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), - &:focus-within, + &:focus-within:focus-visible, &.dropdownList > li:hover:not(.dropdownDivider), &.dropdownNavigationItem, &.active { diff --git a/wcfsetup/install/files/style/ui/itemListInput.scss b/wcfsetup/install/files/style/ui/itemListInput.scss index 9d6923abb7..502398c8b0 100644 --- a/wcfsetup/install/files/style/ui/itemListInput.scss +++ b/wcfsetup/install/files/style/ui/itemListInput.scss @@ -10,7 +10,7 @@ cursor: text; } - &:focus-within { + &:focus-within:focus-visible { border-color: var(--wcfInputBorderActive); } -- 2.20.1