v14.1.5

Author: boehlerlukas

build/cjs/index.js

@@ -1,8 +1,8 @@
 const Gleap = window.Gleap;
 
-Gleap.setFrameUrl("http://0.0.0.0:3001");
+/*Gleap.setFrameUrl("http://0.0.0.0:3001");
 Gleap.setApiUrl("http://0.0.0.0:9000");
-Gleap.setWSApiUrl("ws://0.0.0.0:9000");
+Gleap.setWSApiUrl("ws://0.0.0.0:9000");*/
 
 Gleap.initialize("ogWhNhuiZcGWrva5nlDS8l7a78OfaLlV");
 

build/esm/index.mjs

@@ -1,6 +1,6 @@
 {
   "name": "gleap",
-  "version": "14.1.4",
+  "version": "14.1.5",
   "main": "build/cjs/index.js",
   "module": "build/esm/index.mjs",
   "exports": {

demo/main.js

@@ -1,6 +1,10 @@
 import { injectStyledCSS } from "./UI";
 import GleapNetworkIntercepter from "./GleapNetworkIntercepter";
-import { gleapDataParser, runFunctionWhenDomIsReady } from "./GleapHelper";
+import {
+  fixGleapHeight,
+  gleapDataParser,
+  runFunctionWhenDomIsReady,
+} from "./GleapHelper";
 import GleapSession from "./GleapSession";
 import GleapStreamedEvent from "./GleapStreamedEvent";
 import GleapConfigManager from "./GleapConfigManager";
@@ -176,8 +180,13 @@ class Gleap {
       console.warn("Gleap already initialized.");
       return;
     }
+
     instance.initialized = true;
 
+    try {
+      fixGleapHeight();
+    } catch (error) {}
+
     // Start session
     const sessionInstance = GleapSession.getInstance();
     sessionInstance.sdkKey = sdkKey;

package.json

@@ -203,3 +203,57 @@ export const runFunctionWhenDomIsReady = (callback) => {
     });
   }
 };
+
+export const fixGleapHeight = () => {
+  try {
+    if (
+      "visualViewport" in window &&
+      /iPad|iPhone|iPod/.test(navigator.userAgent)
+    ) {
+      let initialHeight = window.innerHeight;
+      let initialWidth = window.innerWidth;
+
+      function updateContainerHeight() {
+        try {
+          const gleapFrameContainer = document.querySelector(
+            ".gleap-frame-container-inner iframe"
+          );
+
+          if (!gleapFrameContainer) {
+            return;
+          }
+
+          // Check if the keyboard is open
+          if (window.visualViewport.height < initialHeight) {
+            gleapFrameContainer.style.setProperty(
+              "max-height",
+              window.visualViewport.height + "px",
+              "important"
+            );
+          } else {
+            // Remove the padding bottom
+            gleapFrameContainer.style.removeProperty("max-height");
+          }
+        } catch (error) {}
+      }
+
+      function handleOrientationChange() {
+        try {
+          // Update initial dimensions
+          initialHeight = window.innerHeight;
+          initialWidth = window.innerWidth;
+          updateContainerHeight();
+        } catch (error) {}
+      }
+
+      // Update on resize (keyboard show/hide and viewport resize)
+      window.visualViewport.addEventListener("resize", updateContainerHeight);
+
+      // Handle orientation changes
+      window.addEventListener("orientationchange", handleOrientationChange);
+
+      // Update initially
+      updateContainerHeight();
+    }
+  } catch (error) {}
+};