From f74cd628272042210fbd71f2f1ac9077edac791e Mon Sep 17 00:00:00 2001
From: andrewcoder002 <92372311+andrewcoder002@users.noreply.github.com>
Date: Wed, 20 Oct 2021 09:29:01 +0200
Subject: [PATCH] Update external-map.js

Handle situations when main window loose focus - e.g. by selecting of differen browser tab.
---
 examples/external-map.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/examples/external-map.js b/examples/external-map.js
index f76e2aa62f..2dc39d52e3 100644
--- a/examples/external-map.js
+++ b/examples/external-map.js
@@ -71,5 +71,19 @@ button.addEventListener('click', function () {
       // Close window in case user does a page reload
       closeMapWindow();
     });
+
+    window.addEventListener('blur', function (evt) {
+        externalMapTarget.style.opacity=0.3;
+    });
+
+    window.addEventListener('focus', function (evt) {
+        externalMapTarget.style.opacity=1.0;
+    });
+  
+    mapWindow.addEventListener('focus', function (evt) {
+      if (!window.document.hidden){	
+        externalMapTarget.style.opacity=1.0;
+      }
+    });
   });
 });