fix map not displaying inside RTL elements (mapbox#9332)

procore · Mar 18, 2020 · da9b463 · da9b463
1 parent 2db2f59
commit da9b463
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/css/mapbox-gl.css b/src/css/mapbox-gl.css
@@ -3,7 +3,12 @@
     overflow: hidden;
     position: relative;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    text-align: left;
+}
+
+.mapboxgl-canvas {
+    position: absolute;
+    left: 0;
+    top: 0;
 }
 
 .mapboxgl-map:-webkit-full-screen {

diff --git a/src/ui/map.js b/src/ui/map.js
@@ -2020,7 +2020,6 @@ class Map extends Camera {
         }
 
         this._canvas = DOM.create('canvas', 'mapboxgl-canvas', canvasContainer);
-        this._canvas.style.position = 'absolute';
         this._canvas.addEventListener('webglcontextlost', this._contextLost, false);
         this._canvas.addEventListener('webglcontextrestored', this._contextRestored, false);
         this._canvas.setAttribute('tabindex', '0');