Prevent overlay container from scrolling on focus (#1286)

visgl · Jan 7, 2021 · f3c091d · f3c091d
1 parent 31ffe3c
commit f3c091d
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/static-map.js b/src/components/static-map.js
@@ -114,6 +114,10 @@ type State = {
  accessTokenInvalid: boolean
 };
 
+function preventScroll(event) {
+ event.target.scrollTo(0, 0);
+}
+
 export default class StaticMap extends PureComponent<StaticMapProps, State> {
  static supported() {
  return mapboxgl && mapboxgl.supported();
@@ -277,7 +281,12 @@ export default class StaticMap extends PureComponent<StaticMapProps, State> {
  };
  return (
  <MapContext.Provider value={context}>
- <div key="map-overlays" className="overlays" style={CONTAINER_STYLE}>
+ <div
+ key="map-overlays"
+ className="overlays"
+ style={CONTAINER_STYLE}
+ onScroll={preventScroll}
+ >
  {this.props.children}
  </div>
  </MapContext.Provider>