Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-08-08 13:58:51 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

re-center focused eleemnt even if keyboard was already visible

Browse source
This commit is contained in:
beholder 2017-09-28 12:53:10 +03:00
parent 00c3dcee2f
commit 1021aa1a0e
1 changed files with 21 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
interface/resources/html/raiseAndLowerKeyboard.js
View file

@ -37,6 +37,19 @@
return document.activeElement.type === "number"; return document.activeElement.type === "number";
}; };
function scheduleBringToView(timeout) {
var timer = setTimeout(function () {
clearTimeout(timer);
var elementRect = document.activeElement.getBoundingClientRect();
var absoluteElementTop = elementRect.top + window.scrollY;
var middle = absoluteElementTop - (window.innerHeight / 2);
window.scrollTo(0, middle);
}, timeout);
}
setInterval(function () { setInterval(function () {
var keyboardRaised = shouldRaiseKeyboard(); var keyboardRaised = shouldRaiseKeyboard();
var numericKeyboard = shouldSetNumeric(); var numericKeyboard = shouldSetNumeric();
@ -55,15 +68,7 @@
} }
if (!isKeyboardRaised) { if (!isKeyboardRaised) {
var timeout = setTimeout(function () { scheduleBringToView(500); // Allow time for keyboard to be raised in QML.
clearTimeout(timeout);
var elementRect = document.activeElement.getBoundingClientRect();
var absoluteElementTop = elementRect.top + window.scrollY;
var middle = absoluteElementTop - (window.innerHeight / 2);
window.scrollTo(0, middle);
}, 500); // Allow time for keyboard to be raised in QML.
} }
isKeyboardRaised = keyboardRaised; isKeyboardRaised = keyboardRaised;
@ -71,6 +76,13 @@
} }
}, POLL_FREQUENCY); }, POLL_FREQUENCY);
window.addEventListener("click", function () {
var keyboardRaised = shouldRaiseKeyboard();
if(keyboardRaised && isKeyboardRaised) {
scheduleBringToView(150);
}
});
window.addEventListener("focus", function () { window.addEventListener("focus", function () {
isWindowFocused = true; isWindowFocused = true;
}); });