From cdc89a0698db914479eeb59f4457c4f6da80fe46 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Ga=C3=ABl=20Poupard?= Date: Wed, 22 Oct 2025 15:59:36 +0200 Subject: [PATCH] Switch to clip-path and protect against layout issues --- .bundlewatch.config.json | 2 +- scss/mixins/_visually-hidden.scss | 4 +++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json index 6f680664ca..9c7b2ae8f3 100644 --- a/.bundlewatch.config.json +++ b/.bundlewatch.config.json @@ -22,7 +22,7 @@ }, { "path": "./dist/css/bootstrap-utilities.min.css", - "maxSize": "10.75 kB" + "maxSize": "11 kB" }, { "path": "./dist/css/bootstrap.css", diff --git a/scss/mixins/_visually-hidden.scss b/scss/mixins/_visually-hidden.scss index c203cee204..69f450d4a9 100644 --- a/scss/mixins/_visually-hidden.scss +++ b/scss/mixins/_visually-hidden.scss @@ -7,12 +7,14 @@ @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) + flex: none !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686 overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; + clip-path: inset(50%) !important; + contain: strict !important; white-space: nowrap !important; border: 0 !important; -- 2.47.3