Make body inert by default

It is up to the JavaScript code to revert it into a non-inert state. In this way, the page elements that require JS (header modals, the form, etc.) will not be accessible until a script removes the attribute from the `body`.
seart-group · Jul 1, 2024 · 269979e · 269979e
1 parent 4f0c87d
commit 269979e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/html/index.html b/html/index.html
@@ -70,7 +70,7 @@ <h1 class="modal-title fs-5" id="noscript-modal-label">JavaScript is Disabled</h
       </div>
     </noscript>
   </head>
-  <body class="min-vh-100 mw-100 d-flex flex-column justify-content-between">
+  <body inert class="min-vh-100 mw-100 d-flex flex-column justify-content-between">
     <header class="mb-3">
       <nav aria-label="navbar" class="navbar navbar-expand-sm bg-light">
         <div class="container-fluid">

diff --git a/html/js/general.js b/html/js/general.js
@@ -19,7 +19,7 @@
             storage.setItem(key, today.toISOString());
         }
 
-        $("body").tooltip({
+        $("body").removeAttr("inert").tooltip({
             selector: "[data-bs-toggle='tooltip']"
         });
     });