Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

try to make it a bit smoother

This commit is contained in:
Sam 2015-03-25 15:23:26 +11:00
parent eec87b5513
commit 692433f0cf
1 changed files with 44 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
app/assets/javascripts/discourse/lib/safari-hacks.js.es6
View File

@ -16,38 +16,10 @@ function positioningWorkaround($fixedElement) {
const fixedElement = $fixedElement[0]; const fixedElement = $fixedElement[0];
var positioningHack = function(evt){
const self = this;
var done = false; var done = false;
// allow for keyboard in iPad portrait var blurredNow = function(evt) {
var iPadOffset = 0; if (!done && _.include($(document.activeElement).parents(), fixedElement)) {
if (window.innerHeight > window.innerWidth && navigator.userAgent.match(/iPad/)) {
// there is no way to get virtual keyboard height
iPadOffset = 640 - $(fixedElement).height();
}
var positionElement = _.debounce(function(){
if (done) {
return;
}
fixedElement.style.top = window.scrollY + iPadOffset + 'px';
}, 400);
if (fixedElement.style.position !== 'absolute') {
evt.preventDefault();
fixedElement.style.position = 'absolute';
// get out of the way while opening keyboard
fixedElement.style.top = '0px';
}
$(window).on('scroll', positionElement);
var blurred = function() {
if (_.include($(document.activeElement).parents(), fixedElement)) {
// something in focus so skip // something in focus so skip
return; return;
} }
@ -55,17 +27,57 @@ function positioningWorkaround($fixedElement) {
done = true; done = true;
fixedElement.style.position = ''; fixedElement.style.position = '';
fixedElement.style.top = ''; fixedElement.style.top = '';
self.removeEventListener('blur', blurred); if (evt) {
$(window).off('scroll', positionElement); evt.target.removeEventListener('blur', blurred);
}
$(window).off('scroll.position-hack');
}; };
blurred = _.debounce(blurred, 250); var blurred = _.debounce(blurredNow, 250);
var positioningHack = function(evt){
const self = this;
done = false;
// we need this, otherwise changing focus means we never clear
self.addEventListener('blur', blurred);
if (fixedElement.style.position === 'absolute') {
if (this !== document.activeElement) { if (this !== document.activeElement) {
evt.preventDefault();
self.focus(); self.focus();
} }
return;
}
self.addEventListener('blur', blurred); fixedElement.style.position = 'absolute';
// get out of the way while opening keyboard
fixedElement.style.top = '0px';
var iPadOffset = 0;
if (window.innerHeight > window.innerWidth && navigator.userAgent.match(/iPad/)) {
// there is no way to get virtual keyboard height
iPadOffset = 640 - $(fixedElement).height();
}
var oldScrollY = 0;
var positionElement = _.debounce(function(){
if (done) {
return;
}
if (Math.abs(oldScrollY - window.scrollY) < 20) {
return;
}
oldScrollY = window.scrollY;
fixedElement.style.top = window.scrollY + iPadOffset + 'px';
}, 400);
$(window).on('scroll.position-hack', positionElement);
evt.preventDefault();
self.focus();
}; };
function attachTouchStart(elem, fn) { function attachTouchStart(elem, fn) {
@ -78,6 +90,7 @@ function positioningWorkaround($fixedElement) {
const checkForInputs = _.debounce(function(){ const checkForInputs = _.debounce(function(){
$fixedElement.find('button,a').each(function(){ $fixedElement.find('button,a').each(function(){
attachTouchStart(this, function(evt){ attachTouchStart(this, function(evt){
done = true;
evt.preventDefault(); evt.preventDefault();
$(this).click(); $(this).click();
}); });