/** * @private * iOS version of viewport. */Ext.define('Ext.viewport.Ios', { extend: 'Ext.viewport.Default', isFullscreen: function() { return this.isHomeScreen(); }, isHomeScreen: function() { return window.navigator.standalone === true; }, constructor: function() { this.callParent(arguments); // Chrome on iOS has a bug whereby the body can be scrolled out of view. // Also fixes the "mysterious bug on iOS where double tapping on a sheet // being animated from the bottom shift the whole body up". document.documentElement.style.overflow = 'hidden'; }, maximize: function() { var stretchHeights, orientation, currentHeight, height; if (this.isFullscreen()) { return this.callParent(); } stretchHeights = this.stretchHeights; orientation = this.getOrientation(); currentHeight = this.getWindowHeight(); height = stretchHeights[orientation]; if (window.scrollY > 0) { this.scrollToTop(); if (!height) { stretchHeights[orientation] = height = this.getWindowHeight(); } this.setHeight(height); this.fireMaximizeEvent(); } else { if (!height) { height = this.getScreenHeight(); } this.setHeight(height); this.waitUntil(function() { this.scrollToTop(); return currentHeight !== this.getWindowHeight(); }, function() { if (!stretchHeights[orientation]) { height = stretchHeights[orientation] = this.getWindowHeight(); this.setHeight(height); } this.fireMaximizeEvent(); }, function() { //<debug> Ext.Logger.error("Timeout waiting for window.innerHeight to change", this); //</debug> height = stretchHeights[orientation] = this.getWindowHeight(); this.setHeight(height); this.fireMaximizeEvent(); }, 50, 1000); } }, getScreenHeight: function() { return window.screen[this.getOrientation() === this.PORTRAIT ? 'height' : 'width']; }, scrollToTop: function() { window.scrollTo(0, 0); } }, function() { if (!Ext.os.is.iOS) { return; } if (Ext.os.version.lt('3.2')) { this.override({ constructor: function() { var stretchHeights = this.stretchHeights = {}; stretchHeights[this.PORTRAIT] = 416; stretchHeights[this.LANDSCAPE] = 268; return this.callOverridden(arguments); } }); } if (Ext.os.version.lt('5')) { this.override({ fieldMaskClsTest: '-field-mask', doPreventZooming: function(e) { var target = e.target; if (target && target.nodeType === 1 && !this.isInputRegex.test(target.tagName) && target.className.indexOf(this.fieldMaskClsTest) === -1) { e.preventDefault(); } } }); } if (Ext.os.is.iPad) { this.override({ isFullscreen: function() { return true; } }); } // Some magic here for iOS 7 devices. Jacky had hacked this together for a // iPad/HomeScreen related issue the issue for this workaround is unknown anymore, // when iOS9 was released simulators older then 8 were removed, so looking back into // this is more difficult. if (Ext.os.version.gtEq('7') && Ext.os.version.lt('8')) { // iPad or Homescreen or UIWebView if ( Ext.os.deviceType === 'Tablet' || !Ext.browser.is.Safari || window.navigator.standalone ) { this.override({ constructor: function() { var stretchHeights = {}, stretchWidths = {}, orientation = this.determineOrientation(), screenHeight = window.screen.height, screenWidth = window.screen.width, menuHeight = orientation === this.PORTRAIT ? screenHeight - window.innerHeight : screenWidth - window.innerHeight; stretchHeights[this.PORTRAIT] = screenHeight - menuHeight; stretchHeights[this.LANDSCAPE] = screenWidth - menuHeight; stretchWidths[this.PORTRAIT] = screenWidth; stretchWidths[this.LANDSCAPE] = screenHeight; this.stretchHeights = stretchHeights; this.stretchWidths = stretchWidths; this.callOverridden(arguments); this.on('ready', this.setViewportSizeToAbsolute, this); this.on('orientationchange', this.setViewportSizeToAbsolute, this); }, getWindowHeight: function() { return this.stretchHeights[this.getOrientation()]; }, getWindowWidth: function() { return this.stretchWidths[this.getOrientation()]; }, setViewportSizeToAbsolute: function() { this.setWidth(this.getWindowWidth()); this.setHeight(this.getWindowHeight()); } }); } // iPad Only if (Ext.os.deviceType === 'Tablet') { this.override({ constructor: function() { this.callOverridden(arguments); window.addEventListener('scroll', function() { if (window.scrollX !== 0) { window.scrollTo(0, window.scrollY); } }, false); }, setViewportSizeToAbsolute: function() { window.scrollTo(0, 0); this.callOverridden(arguments); }, onElementBlur: function() { this.callOverridden(arguments); if (window.scrollY !== 0) { window.scrollTo(0, 0); } } }); } }});