Update how content display is changed

3 files changed, 4 insertions, 9 deletions

diff --git a/ext/fg/float.html b/ext/fg/float.html
index 9879ae3e..9cc0dc39 100644
--- a/ext/fg/float.html
+++ b/ext/fg/float.html
@@ -30,7 +30,7 @@
             </div>
         </div>
 
-        <div id="error-orphaned">
+        <div id="error-orphaned" hidden>
             <div class="entry">
                 <h1>Yomichan Updated!</h1>
                 <p>
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index 4db17264..b9215af4 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -62,10 +62,6 @@ ol, ul {
     height: 2.28571428em; /* 14px => 32px */
 }
 
-#error-orphaned {
-    display: none;
-}
-
 .invisible {
     visibility: hidden;
 }
diff --git a/ext/mixed/js/display.js b/ext/mixed/js/display.js
index efe33ee6..eabb73ca 100644
--- a/ext/mixed/js/display.js
+++ b/ext/mixed/js/display.js
@@ -456,15 +456,14 @@ class Display {
     }
 
     setContentOrphaned() {
-        const definitions = document.querySelector('#definitions');
         const errorOrphaned = document.querySelector('#error-orphaned');
 
-        if (definitions !== null) {
-            definitions.style.setProperty('display', 'none', 'important');
+        if (this.container !== null) {
+            this.container.hidden = true;
         }
 
         if (errorOrphaned !== null) {
-            errorOrphaned.style.setProperty('display', 'block', 'important');
+            errorOrphaned.hidden = false;
         }
 
         this.updateNavigation(null, null);