@luomus/laji-form 15.1.40 → 15.1.41

package/lib/components/fields/MapField.js

@@ -310,6 +310,7 @@ MapField.propTypes = {
 };
 class MobileEditorMap extends React.Component {
     constructor(props) {
+        var _a, _b;
         super(props);
         this.DEFAULT_RADIUS_PIXELS = 100;
         this.setMobileEditorMapRef = (mapComponent) => {
@@ -322,7 +323,8 @@ class MobileEditorMap extends React.Component {
             this.okButtonElem = react_dom_1.findDOMNode(elem);
         };
         this.updateDimensions = () => {
-            this.setState({ width: window.innerWidth, height: window.innerHeight });
+            var _a, _b;
+            this.setState({ width: ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.width) || window.innerWidth, height: ((_b = window.visualViewport) === null || _b === void 0 ? void 0 : _b.height) || window.innerHeight });
         };
         this.onChange = () => {
             const { map } = this.map;
@@ -338,9 +340,10 @@ class MobileEditorMap extends React.Component {
             this.onClose();
         };
         this.computePadding = () => {
+            var _a, _b;
             // If the rendered element wasn't full screen, we couldn't use these as height/width.
-            const height = window.innerHeight;
-            const width = window.innerWidth;
+            const height = ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || window.innerHeight;
+            const width = ((_b = window.visualViewport) === null || _b === void 0 ? void 0 : _b.width) || window.innerWidth;
             const topToCircleEdgePixels = parseInt(height / 2 - this.DEFAULT_RADIUS_PIXELS);
             const leftToCircleEdgePixels = parseInt(width / 2 - this.DEFAULT_RADIUS_PIXELS);
             const padding = [
@@ -400,8 +403,8 @@ class MobileEditorMap extends React.Component {
         const { center, radius } = this.props;
         this.state = {
             mapOptions: this.setViewFromCenterAndRadius(center, radius),
-            width: window.innerWidth,
-            height: window.innerHeight
+            width: ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.width) || window.innerWidth,
+            height: ((_b = window.visualViewport) === null || _b === void 0 ? void 0 : _b.height) || window.innerHeight,
         };
     }
     componentDidMount() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luomus/laji-form",
-  "version": "15.1.40",
+  "version": "15.1.41",
   "description": "React module capable of building dynamic forms from Laji form json schemas",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",