turn off focus after open to prevent page scrolling on mobile

TomCorwine · Feb 25, 2024 · 3b6b4ea · 3b6b4ea
1 parent 184a8ec
commit 3b6b4ea
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/public/app.js b/public/app.js
diff --git a/src/components/Map.tsx b/src/components/Map.tsx
@@ -184,19 +184,19 @@ export default function Map({
           initialViewState={viewport}
           onMove={event => {
             setViewport({
-                ...viewport,
-                zoom: event.viewState.zoom,
-                latitude: event.viewState.latitude,
-                longitude: event.viewState.longitude,
-            })
+              ...viewport,
+              zoom: event.viewState.zoom,
+              latitude: event.viewState.latitude,
+              longitude: event.viewState.longitude,
+            });
           }}
         >
           {data.locationKeys.map(key => (
             <div key={key}>
               <Marker
                 latitude={data.locations[key].latitude}
                 longitude={data.locations[key].longitude}
-                offset={[0,(-settings.map.markers.location.width / 1.5)]}
+                offset={[0, -settings.map.markers.location.width / 1.5]}
               >
                 <div
                   data-testid={key}
@@ -208,6 +208,7 @@ export default function Map({
               {popup === key && (
                 <Popup
                   closeOnClick={false}
+                  focusAfterOpen={false}
                   latitude={data.locations[key].latitude}
                   longitude={data.locations[key].longitude}
                   offset={settings.map.markers.location.width / 2}