resolve comments

visgl · Jun 11, 2019 · 8161b7c · 8161b7c
1 parent 0657501
commit 8161b7c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/examples/controls/src/app.js b/examples/controls/src/app.js
@@ -81,6 +81,7 @@ export default class App extends Component {
         mapStyle="mapbox://styles/mapbox/dark-v9"
         onViewportChange={this._updateViewport}
         mapboxApiAccessToken={TOKEN}
+        style={{overflow: 'hidden'}}
       >
         {CITIES.map(this._renderCityMarker)}
 

diff --git a/src/components/static-map.js b/src/components/static-map.js
@@ -51,6 +51,11 @@ const CONTAINER_STYLE = {
   overflow: 'hidden'
 };
 
+const OVERLAY_CONTAINER_STYLE = {
+  ...CONTAINER_STYLE,
+  overflow: 'visible'
+};
+
 const propTypes = Object.assign({}, Mapbox.propTypes, {
   /** The dimensions of the map **/
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -275,10 +280,7 @@ export default class StaticMap extends PureComponent<StaticMapProps, State> {
         createElement('div', {
           key: 'map-overlays',
           className: 'overlays',
-          style: {
-            ...CONTAINER_STYLE,
-            overflow: 'visible'
-          },
+          style: OVERLAY_CONTAINER_STYLE,
           children: this.props.children
         })
       );
@@ -287,10 +289,16 @@ export default class StaticMap extends PureComponent<StaticMapProps, State> {
 
   render() {
     const {className, width, height, style, visibilityConstraints} = this.props;
-    const mapContainerStyle = Object.assign({position: 'relative'}, style, {
-      width,
-      height
-    });
+    const mapContainerStyle = Object.assign(
+      {
+        position: 'relative'
+      },
+      style,
+      {
+        width,
+        height
+      }
+    );
 
     const visible =
       this.props.visible &&