holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mobile template:

Browse Source 
- Fix scrolling in edit dialogs not working properly in iOS (safari)
This commit is contained in:
Hadi Nategh 2016-07-05 16:09:23 +02:00
parent a217bb60a4
commit 5ec53b8887
1 changed files with 36 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
pixelegg/js/fw_mobile.js
View File

@ -200,7 +200,42 @@
// An iframe scrolling fix for iOS Safari
if (framework.getUserAgent() === 'iOS') {
window.setTimeout(function(){jQuery(self.$iFrame).height(popupWindow.document.body.scrollHeight);}, 500);
window.setTimeout(function(){
jQuery(self.$iFrame).height(popupWindow.document.body.scrollHeight);
// scrolling node
var node = jQuery(popupWindow.document.body);
// start point Y, X
var startY, startX = 0;
// kill delays on transitions
// and set the start value for transition
node.css ({
transition: 'all 0s',
transform:'translateX(0px) translateY(0px)',
});
node.on({
touchmove: function (e){
var $w = jQuery(window);
// current touch y position
var currentY = e.originalEvent.touches ? e.originalEvent.touches[0].screenY : e.originalEvent.screenY;
// current touch x position
var currentX = e.originalEvent.touches ? e.originalEvent.touches[0].screenX : e.originalEvent.screenX;
// check if we are the top
var isAtTop = (startY <= currentY && $w.scrollTop() <= 0);
// check if we are at the bottom
var isAtBottom = (startY >= currentY && node[0].scrollHeight - $w.scrollTop() === node.height());
// check if it's left or right touch move
var isLeftOrRight = (Math.abs(startX - currentX) > Math.abs(startY - currentY));
if (isAtTop || isAtBottom || isLeftOrRight) e.originalEvent.preventDefault();
},
touchstart: function (e){
startY = e.originalEvent.touches ? e.originalEvent.touches[0].screenY : e.originalEvent.screenY;
startX = e.originalEvent.touches ? e.originalEvent.touches[0].screenX : e.originalEvent.screenX;
}
});
}, 500);
}
});