Merge 488329744fc151e5141daf96283f2b89dc2c85b2 into 8c975a4f0d22ef8828142729febce4696301a81a

Merge branch 'main' into patrickhlauke-tweak-visually-hidden
Tweak .visually-hidden to use display:inline-block instead of absolute positioning
2025-07-04 00:01:57 -04:00 · 2025-06-28 18:51:31 -07:00 · 2025-05-27 16:09:15 +01:00 · 2025-05-18 11:14:51 +01:00
1 changed files with 1 additions and 5 deletions
--- 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;
Author	SHA1	Message	Date
Patrick H. Lauke	11d09bba06	Merge 488329744fc151e5141daf96283f2b89dc2c85b2 into 8c975a4f0d22ef8828142729febce4696301a81a	2025-06-28 18:51:31 -07:00
Patrick H. Lauke	488329744f	Merge branch 'main' into patrickhlauke-tweak-visually-hidden	2025-05-27 16:09:15 +01:00
Patrick H. Lauke	40b3f46227	Tweak `.visually-hidden` to use `display:inline-block` instead of absolute positioning	2025-05-18 11:14:51 +01:00