@syncfusion/ej2-calendars 31.2.15 → 31.2.16

package/dist/es6/ej2-calendars.es5.js

@@ -15570,6 +15570,9 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
     };
     MaskedDateTime.prototype.maskInputHandler = function () {
         var start = this.parent.inputElement.selectionStart;
+        if (Browser.isDevice && (Browser.isIos || Browser.isIos7)) {
+            start = this.normalizeTokenIndex(start);
+        }
         var formatText = '';
         if (this.validCharacters.indexOf(this.hiddenMask[start]) !== -1) {
             formatText = this.hiddenMask[start];
@@ -15589,10 +15592,18 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                 break;
             }
         }
-        var scrollPositionY;
+        var scrollContext = null;
+        var savedScrollTop = 0;
         if (Browser.isDevice && (Browser.isIos || Browser.isIos7)) {
             var scrollableParent = this.findScrollableParent(this.parent.inputElement);
-            scrollPositionY = scrollableParent ? scrollableParent.getBoundingClientRect().top : window.scrollY;
+            if (scrollableParent) {
+                scrollContext = scrollableParent;
+                savedScrollTop = scrollableParent.scrollTop;
+            }
+            else {
+                scrollContext = window;
+                savedScrollTop = window.pageYOffset || document.documentElement.scrollTop || 0;
+            }
         }
         this.parent.inputElement.selectionStart = start;
         this.validCharacterCheck();
@@ -15602,7 +15613,12 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
             this.navigateSelection(isbackward);
             if (Browser.isDevice && (Browser.isIos || Browser.isIos7)) {
                 setTimeout(function () {
-                    window.scrollTo(0, scrollPositionY);
+                    if (scrollContext) {
+                        scrollContext.scrollTop = savedScrollTop;
+                    }
+                    else {
+                        window.scrollTo(0, savedScrollTop);
+                    }
                 }, 0);
             }
         }
@@ -15797,6 +15813,35 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.dayTypeCount = 0;
         this.monthTypeCount = 0;
     };
+    MaskedDateTime.prototype.isMaskToken = function (i) {
+        return i >= 0 && i < this.hiddenMask.length &&
+            this.validCharacters.indexOf(this.hiddenMask[i]) !== -1;
+    };
+    MaskedDateTime.prototype.normalizeTokenIndex = function (index, preferPrev) {
+        if (preferPrev === void 0) { preferPrev = false; }
+        if (this.isMaskToken(index)) {
+            return index;
+        }
+        var prev = index - 1;
+        var next = index + 1;
+        if (preferPrev) {
+            if (this.isMaskToken(prev)) {
+                return prev;
+            }
+            if (this.isMaskToken(next)) {
+                return next;
+            }
+        }
+        else {
+            if (this.isMaskToken(next)) {
+                return next;
+            }
+            if (this.isMaskToken(prev)) {
+                return prev;
+            }
+        }
+        return index;
+    };
     MaskedDateTime.prototype.destroy = function () {
         this.removeEventListener();
     };