@caweb/html-webpack-plugin 1.6.0 → 1.6.2

package/build/sierra.js

@@ -6366,7 +6366,7 @@ __webpack_require__.r(__webpack_exports__);
 window.addEventListener('DOMContentLoaded', () => {
   let location_hash = window.location.hash.replace(/(\|)/g, "\\$1");
   const header = document.querySelector('header');
-  const pageContainer = document.querySelector('#page-container');
+  const pageContainer = document.getElementById('page-container');
   const alerts = document.querySelector('.alerts');
   const utilityHeader = document.querySelector('.utility-header');
 
@@ -6412,16 +6412,22 @@ window.addEventListener('DOMContentLoaded', () => {
       header.style.top = `-${scrollHeights - miscElementHeights}px`;
 
       // we add the header height + misc element heights to the page container as margin-top, minus the scroll heights since those get hidden
-      pageContainer?.setAttribute('style', `margin-top: ${header.clientHeight + miscElementHeights - scrollHeights}px;`);
+      if (pageContainer) {
+        pageContainer.style.marginTop = `${header.clientHeight + miscElementHeights - scrollHeights}px`;
+      }
     } else {
       // reset header to initial position
       header.style.top = `${miscElementHeights}px`;
-      pageContainer?.setAttribute('style', `margin-top: ${header.clientHeight + miscElementHeights}px;`);
+      if (pageContainer) {
+        pageContainer.style.marginTop = `${header.clientHeight + miscElementHeights}px`;
+      }
     }
 
     // for each element with an id we add the scroll-margin-top
     document.querySelectorAll('#page-container [id]').forEach(element => {
-      element?.setAttribute('style', `scroll-margin-top: ${header.clientHeight + miscElementHeights - scrollHeights}px;`);
+      if (element instanceof HTMLElement) {
+        element.style.scrollMarginTop = `${header.clientHeight + miscElementHeights - scrollHeights}px`;
+      }
     });
   };