From 414b4d839c8f32cd8c4fa445407913d51b81a40b Mon Sep 17 00:00:00 2001 From: Vladimir Agafonkin Date: Thu, 25 Apr 2019 17:20:05 +0300 Subject: [PATCH] Fix disappearing controls in Safari 12+ (#8193) * workaround for a Safari 12 bug with disappearing controls * fix css lint --- src/css/mapbox-gl.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/css/mapbox-gl.css b/src/css/mapbox-gl.css index 5359ae93ae4..276ef816d2b 100644 --- a/src/css/mapbox-gl.css +++ b/src/css/mapbox-gl.css @@ -56,7 +56,13 @@ .mapboxgl-ctrl-bottom-left { bottom: 0; left: 0; } .mapboxgl-ctrl-bottom-right { right: 0; bottom: 0; } -.mapboxgl-ctrl { clear: both; pointer-events: auto; } +.mapboxgl-ctrl { + clear: both; + pointer-events: auto; + + /* workaround for a Safari bug https://github.com/mapbox/mapbox-gl-js/issues/8185 */ + transform: translate(0, 0); +} .mapboxgl-ctrl-top-left .mapboxgl-ctrl { margin: 10px 0 0 10px; float: left; } .mapboxgl-ctrl-top-right .mapboxgl-ctrl { margin: 10px 10px 0 0; float: right; } .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl { margin: 0 0 10px 10px; float: left; }