chore: fix map resizing

dhis2 · Nov 6, 2023 · c42160c · c42160c
1 parent 304ca78
commit c42160c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/core_modules/capture-core/components/Dialogs/DiscardDialog.component.js b/src/core_modules/capture-core/components/Dialogs/DiscardDialog.component.js
@@ -11,7 +11,9 @@ export const DiscardDialog = ({
             {header}
         </ModalTitle>
         <ModalContent>
-            {text}
+            <div style={{ margin: '5px 0' }}>
+                {text}
+            </div>
         </ModalContent>
         <ModalActions>
             <ButtonStrip end>

diff --git a/src/core_modules/capture-ui/CoordinateField/CoordinateField.component.js b/src/core_modules/capture-ui/CoordinateField/CoordinateField.component.js
@@ -56,6 +56,13 @@ export class CoordinateField extends React.Component<Props, State> {
         };
     }
 
+    componentDidUpdate() {
+        // Invalidate map size to fix rendering bug
+        if (this.mapInstance && this.state.showMap) {
+            this.mapInstance.leafletElement.invalidateSize();
+        }
+    }
+
     toSixDecimal = (value: string) => (parseFloat(value) ? parseFloat(value).toFixed(6) : null)
 
     handleBlur = (key: string, value: any) => {