From 3ad9ff98407d8eb985ff621628bc439ffe15a8cc Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Thu, 30 Nov 2023 11:19:25 +0200
Subject: [PATCH] Issue #3404218 by djsagar, mherchel, smustgrave: Table filter
creates jank (layout shift) on page load
---
core/modules/system/css/components/js.module.css | 13 +++++++++++++
1 file changed, 13 insertions(+)
diff --git a/core/modules/system/css/components/js.module.css b/core/modules/system/css/components/js.module.css
index f6c1c01ff90d..645d94fa3d5d 100644
--- a/core/modules/system/css/components/js.module.css
+++ b/core/modules/system/css/components/js.module.css
@@ -20,3 +20,16 @@
.js .js-show {
display: block;
}
+
+/**
+ * Use the scripting media features for modern browsers to reduce layout shifts.
+ */
+@media (scripting: enabled) {
+ /* Extra specificity to override previous selector. */
+ .js-hide.js-hide {
+ display: none;
+ }
+ .js-show {
+ display: block;
+ }
+}
--
GitLab