enhance(events): Keyboard improvements for lower chrome versions #200

dist/cupertino-pane.esm.js

@@ -1,13 +1,13 @@
 /**
- * Cupertino Pane 1.3.13
+ * Cupertino Pane 1.3.2
  * New generation interfaces for web3 progressive applications
  * https://github.com/roman-rr/cupertino-pane/
  *
  * Copyright 2019-2023 Roman Antonov (roman-rr)
  *
  * Released under the MIT License
  *
- * Released on: February 2, 2023
+ * Released on: May 9, 2023
  */
 
 /******************************************************************************
@@ -592,10 +592,6 @@ class Events {
             if (!this.isOnViewport()) {
                 return;
             }
-            if (this.device.android
-                && !this.device.cordova) {
-                this.fixAndroidResize(true);
-            }
             this.keyboardVisible = true;
             // calculate distances
             const currentHeight = this.settings.breaks[this.breakpoints.prevBreakpoint].height;
@@ -633,8 +629,7 @@ class Events {
         if (!this.isOnViewport()) {
             return;
         }
-        if (this.device.android
-            && !this.device.cordova) {
+        if (this.device.android) {
             this.fixAndroidResize(false);
         }
         this.keyboardVisible = false;
@@ -660,6 +655,10 @@ class Events {
         return __awaiter(this, void 0, void 0, function* () {
             // We should separate keyboard and resize events
             if (this.isKeyboardEvent()) {
+                // Android resize fixes
+                if (this.device.android) {
+                    this.fixAndroidResize(true);
+                }
                 // Cordova & PWA iOS
                 if (this.device.cordova
                     || this.device.ios) {
@@ -768,10 +767,12 @@ class Events {
         window.requestAnimationFrame(() => {
             if (showKeyboard) {
                 document.documentElement.style.setProperty('overflow', 'hidden');
-                metaViewport.setAttribute('content', 'height=' + this.instance.screen_height + 'px, width=device-width, initial-scale=1.0');
+                document.body.style.setProperty('min-height', `${this.instance.screen_height}px`);
+                metaViewport.setAttribute('content', 'height=' + this.instance.screen_height + ', width=device-width, initial-scale=1.0');
             }
             else {
-                document.documentElement.style.setProperty('overflow', 'hidden');
+                document.documentElement.style.removeProperty('overflow');
+                document.body.style.removeProperty('min-height');
                 metaViewport.setAttribute('content', 'viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no');
             }
         });