css: add [hidden] rule.

2021-02-22 01:48:50 -06:00
parent d32501944c
commit b598a11f02
1 changed files with 8 additions and 0 deletions
--- 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);