fix(map-widget): ensure map renders correctly when expanding initiall…

…y collapsed sections (decaporg#6541)
afieif · Jun 12, 2024 · 0955f5c · 0955f5c
1 parent cdd0899
commit 0955f5c
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/packages/decap-cms-widget-map/src/withMapControl.js b/packages/decap-cms-widget-map/src/withMapControl.js
@@ -45,6 +45,7 @@ export default function withMapControl({ getFormat, getMap } = {}) {
     constructor(props) {
       super(props);
       this.mapContainer = React.createRef();
+      this.resizeObserver = null;
     }
 
     componentDidMount() {
@@ -69,6 +70,18 @@ export default function withMapControl({ getFormat, getMap } = {}) {
         featuresSource.clear();
         onChange(format.writeGeometry(feature.getGeometry(), writeOptions));
       });
+
+      this.resizeObserver = new ResizeObserver(() => {
+        map.updateSize();
+      });
+
+      this.resizeObserver.observe(target);
+    }
+
+    componentWillUnmount() {
+      if (this.resizeObserver) {
+        this.resizeObserver.disconnect();
+      }
     }
 
     render() {
@@ -94,4 +107,4 @@ export default function withMapControl({ getFormat, getMap } = {}) {
       );
     }
   };
-}
+}