Merge 2a561ae into 6678026

visgl · Jun 11, 2019 · e933f28 · e933f28
2 parents 6678026 + 2a561ae
commit e933f28
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/interactive-map.js b/src/components/interactive-map.js
@@ -493,7 +493,7 @@ export default class InteractiveMap extends PureComponent<InteractiveMapProps, S
   render() {
     const {width, height, style, getCursor} = this.props;
 
-    const eventCanvasStyle = Object.assign({position: 'relative'}, style, {
+    const eventCanvasStyle = Object.assign({position: 'relative', overflow: 'hidden'}, style, {
       width,
       height,
       cursor: getCursor(this.state)

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,7 +280,7 @@ export default class StaticMap extends PureComponent<StaticMapProps, State> {
         createElement('div', {
           key: 'map-overlays',
           className: 'overlays',
-          style: CONTAINER_STYLE,
+          style: OVERLAY_CONTAINER_STYLE,
           children: this.props.children
         })
       );
@@ -284,7 +289,7 @@ export default class StaticMap extends PureComponent<StaticMapProps, State> {
 
   render() {
     const {className, width, height, style, visibilityConstraints} = this.props;
-    const mapContainerStyle = Object.assign({position: 'relative'}, style, {
+    const mapContainerStyle = Object.assign({position: 'relative', overflow: 'inherit'}, style, {
       width,
       height
     });