Map block: Add absolute positioning for container only when Mapkit is…

… used (#39744)
Automattic · Oct 15, 2024 · 4941bcd · 4941bcd
1 parent f467c5d
commit 4941bcd
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/projects/plugins/jetpack/changelog/fix-map-block-auto-height b/projects/plugins/jetpack/changelog/fix-map-block-auto-height
@@ -0,0 +1,4 @@
+Significance: patch
+Type: bugfix
+
+Map block: Fix issue where blocks placed underneath would overlap with the map block.
diff --git a/projects/plugins/jetpack/extensions/blocks/map/component/mapkit.js b/projects/plugins/jetpack/extensions/blocks/map/component/mapkit.js
@@ -120,6 +120,7 @@ const MapkitComponent = forwardRef(
 						className="wp-block-jetpack-map__gm-container"
 						style={ {
 							height: `${ mapHeight }px`,
+							position: 'absolute',
 							pointerEvents: isSelected ? 'auto' : 'none',
 						} }
 					></div>

diff --git a/projects/plugins/jetpack/extensions/blocks/map/editor.scss b/projects/plugins/jetpack/extensions/blocks/map/editor.scss
@@ -44,7 +44,6 @@
 	}
 
 	 .wp-block-jetpack-map__gm-container {
-	 	position: absolute;
 	 	inset: 0;
 	 	z-index: 0;
 	 }