Mount overlay layer if it needed on getOverlayEl

learningequality · Dec 27, 2024 · 89707f9 · 89707f9
1 parent b5ee9d3
commit 89707f9
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/lib/composables/_useOverlay/index.js b/lib/composables/_useOverlay/index.js
@@ -1,3 +1,5 @@
+import { isNuxtServerSideRendering } from '../../utils';
+
 const OVERLAY_EL_ID = 'k-overlay';
 
 /**
@@ -41,17 +43,16 @@ export default function _useOverlay() {
    * @returns {HTMLElement} The overlay container element #k-overlay
    */
   function getOverlayEl() {
+    if (isNuxtServerSideRendering()) {
+      return;
+    }
     // do not query DOM for performance reasons
     const overlayEl = window.overlayEl;
     // unlikely to happen, but just in case
     if (!overlayEl) {
-      // eslint-disable-next-line no-console
-      console.error(
-        '[KDS] The overlay container element #k-overlay is missing. KDS initialization failed?',
-      );
-      return;
+      mountOverlay();
     }
-    return overlayEl;
+    return window.overlayEl;
   }
 
   return {