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

…y collapsed sections (#6541) (#7229) * fix(map-widget): ensure map renders correctly when expanding initially collapsed sections (#6541) * fix: newlline lint --------- Co-authored-by: Martin Jagodic <[email protected]>
decaporg · Jun 26, 2024 · 041e34e · 041e34e
1 parent 7483f19
commit 041e34e
Showing 1 changed file with 13 additions and 0 deletions.
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() {