From 40b3f46227f095f1324c1e4ba2de8df314dfb7dd Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Sun, 18 May 2025 11:14:51 +0100 Subject: [PATCH] Tweak `.visually-hidden` to use `display:inline-block` instead of absolute positioning --- scss/mixins/_visually-hidden.scss | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/scss/mixins/_visually-hidden.scss b/scss/mixins/_visually-hidden.scss index 9dd0ad33bf..c203cee204 100644 --- a/scss/mixins/_visually-hidden.scss +++ b/scss/mixins/_visually-hidden.scss @@ -6,6 +6,7 @@ // See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/ @mixin visually-hidden() { + display: inline-block !important; // using this rather than position:absolute to allow for width/height/clip to work without causing undue spacing (e.g. in responsive tables) width: 1px !important; height: 1px !important; padding: 0 !important; @@ -15,11 +16,6 @@ white-space: nowrap !important; border: 0 !important; - // Fix for positioned table caption that could become anonymous cells - &:not(caption) { - position: absolute !important; - } - // Fix to prevent overflowing children to become focusable * { overflow: hidden !important; -- 2.47.2