From b598a11f024f52078be5c27a0f19e0130510847f Mon Sep 17 00:00:00 2001
From: evazion <noizave@gmail.com>
Date: Mon, 22 Feb 2021 01:48:50 -0600
Subject: [PATCH] css: add [hidden] rule.

---
 app/javascript/src/styles/base/020_base.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/app/javascript/src/styles/base/020_base.scss b/app/javascript/src/styles/base/020_base.scss
index 31a4dd7d4..05b912423 100644
--- a/app/javascript/src/styles/base/020_base.scss
+++ b/app/javascript/src/styles/base/020_base.scss
@@ -2,6 +2,14 @@
   box-sizing: border-box;
 }
 
+/*
+ * Make sure elements with the HTML5 [hidden] attribute (e.g. <span hidden>blah</span>)
+ * really are hidden. Otherwise the `display` property can override the [hidden] attribute.
+ */
+[hidden] {
+  display: none !important;
+}
+
 body {
   color: var(--text-color);
   background-color: var(--body-background-color);