From: Gaël Poupard <gael+github@ffoodd.fr>
Date: Wed, 22 Oct 2025 13:59:36 +0000 (+0200)
Subject: Switch  to clip-path and protect against layout issues
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F41474%2Fhead;p=thirdparty%2Fbootstrap.git

Switch  to clip-path and protect against layout issues
---

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;