Merge pull request Expensify#30673 from aswin-s/fix/issue-mapbox

fix: mapbox attribution controls getting hidden
abdel-h66 · Nov 7, 2023 · 8c8ba52 · 8c8ba52
2 parents 6ae9a19 + 0ce7788
commit 8c8ba52
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/src/components/MapView/MapView.web.tsx b/src/components/MapView/MapView.web.tsx
@@ -11,6 +11,7 @@ import * as StyleUtils from '@styles/StyleUtils';
 import themeColors from '@styles/themes/default';
 import CONST from '@src/CONST';
 import Direction from './Direction';
+import './mapbox.css';
 import {MapViewHandle, MapViewProps} from './MapViewTypes';
 import responder from './responder';
 import utils from './utils';

diff --git a/src/components/MapView/mapbox.css b/src/components/MapView/mapbox.css
@@ -0,0 +1,12 @@
+/* Fixes an issue with Webkit where map canvas loses zIndex order and draws above attribution controls
+   https://github.com/Expensify/App/issues/27800
+*/
+.mapboxgl-ctrl-bottom-left {
+  -webkit-transform: translate3d(0, 0, 1px);
+  transform: translate3d(0, 0, 1px);
+}
+
+.mapboxgl-ctrl-bottom-right {
+  -webkit-transform: translate3d(0, 0, 1px);
+  transform: translate3d(0, 0, 1px);
+}