Suppress focus markers if `:focus-visible` is not met

See https://www.woltlab.com/community/thread/309471-mobile-device-dropdown-menu-hover/

diff --git a/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss b/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss
index a523173965f950493a056459bc3af097f8722d64..c08dd51e5eeb873c74982730b17b7b8bf95349f3 100644 (file)
--- 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 9d6923abb759bd7eecc570819cb2d48195e452cd..502398c8b0356142c6d260cec49309212a385922 100644 (file)
--- 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);
        }