Set additional style properties to the wrapper container

nagix · Nov 25, 2020 · 733da34 · 733da34
1 parent b61d4c6
commit 733da34
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -31,7 +31,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.18/dist/js/bootstrap-select.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/mapbox-gl@1.13.0/dist/mapbox-gl.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/mapbox-gl-animated-popup@0.1.2"></script>
+    <script src="https://cdn.jsdelivr.net/npm/mapbox-gl-animated-popup@0.1.3"></script>
     <style>
       #map-title {
         width: 840px;
@@ -190,7 +190,7 @@ <h2>An animated popup component for <a href="https://github.com/mapbox/mapbox-gl
               &lt;title&gt;Attach a popup to a marker instance&lt;/title&gt;<br>
               &lt;meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /&gt;<br>
               &lt;script src="https://api.mapbox.com/mapbox-gl-js/v1.13.0/mapbox-gl.js"&gt;&lt;/script&gt;<br>
-              &lt;script src="https://cdn.jsdelivr.net/npm/mapbox-gl-animated-popup@v0.1.2/dist/mapbox-gl-animated-popup.min.js"&gt;&lt;/script&gt;<br>
+              &lt;script src="https://cdn.jsdelivr.net/npm/mapbox-gl-animated-popup@v0.1.3/dist/mapbox-gl-animated-popup.min.js"&gt;&lt;/script&gt;<br>
               &lt;link href="https://api.mapbox.com/mapbox-gl-js/v1.13.0/mapbox-gl.css" rel="stylesheet" /&gt;<br>
               &lt;style&gt;<br>
               &nbsp;&nbsp;body { margin: 0; padding: 0; }<br>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mapbox-gl-animated-popup",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "An animated popup component for Mapbox GL JS",
   "main": "dist/mapbox-gl-animated-popup.js",
   "devDependencies": {

diff --git a/src/index.js b/src/index.js
@@ -462,6 +462,8 @@ export default class AnimatedPopup extends mapboxgl.Popup {
             wrapperContainer = document.createElement('div');
             wrapperContainer.className = 'mapboxgl-popup-wrapper';
             wrapperContainer.style.position = 'absolute';
+            wrapperContainer.style.willChange = 'transform';
+            wrapperContainer.style.pointerEvents = 'none';
             wrapperContainer.style.transform = this._container.style.transform;
             this._container.style.position = 'relative';
             this._container.style.transform = 'scale(0)';