Use 'hidden' instead of display: none

diff --git a/web/viewer.css b/web/viewer.css
index 6c7b551e8da636b88c462cd6bec77bf91629797d..040b87bdf8ee01c3cab542b4b879065620353563 100644 (file)
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -8,6 +8,10 @@ body {
   padding: 0px;
 }
 
+[hidden] {
+  display: none;
+}
+
 /* === Toolbar === */
 #controls {
   background-color: #eee;

diff --git a/web/viewer.html b/web/viewer.html
index f761c94fe1d403d2bd6f808eea12aa0ac653f61f..4175d29fc6a3184a7102d6126a1dbf7abe2e2fba 100644 (file)
--- a/web/viewer.html
+++ b/web/viewer.html
@@ -82,7 +82,7 @@
         <div id="sidebarScrollView">
           <div id="sidebarView"></div>
         </div>
-        <div id="outlineScrollView" style="display:none">
+        <div id="outlineScrollView" hidden='true'>
           <div id="outlineView"></div>
         </div>
         <div id="sidebarControls">