From 2f104058aa0db6843bd62a65722ecc8a56bd9262 Mon Sep 17 00:00:00 2001 From: Peter Hellstrand Date: Fri, 23 Feb 2024 09:43:08 +0100 Subject: [PATCH] fix(ffe-form): focus visible on focus styles radio block and radio switch --- packages/ffe-form/less/radio-block.less | 2 +- packages/ffe-form/less/radio-switch.less | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ffe-form/less/radio-block.less b/packages/ffe-form/less/radio-block.less index 9146f1a7a6..e23cabb696 100644 --- a/packages/ffe-form/less/radio-block.less +++ b/packages/ffe-form/less/radio-block.less @@ -105,7 +105,7 @@ border: 5px solid var(--ffe-v-input-bg-color); } - &:focus + .ffe-radio-block__content { + &:focus-visible + .ffe-radio-block__content { box-shadow: 0 0 0 3px var(--ffe-v-input-bg-color), 0 0 0 5px var(--ffe-v-checkbox-focus-outline-color); } diff --git a/packages/ffe-form/less/radio-switch.less b/packages/ffe-form/less/radio-switch.less index 36a4c7dd95..238324d839 100644 --- a/packages/ffe-form/less/radio-switch.less +++ b/packages/ffe-form/less/radio-switch.less @@ -68,7 +68,7 @@ border-color: var(--ffe-g-secondary-color); } - &:focus + .ffe-radio-switch { + &:focus-visible + .ffe-radio-switch { box-shadow: 0 0 0 3px var(--ffe-v-input-bg-color), 0 0 0 5px var(--ffe-v-checkbox-focus-outline-color); }