zoldar/jenot
1
0
Fork 0
mirror of https://github.com/zoldar/jenot.git synced 2026-01-03 14:32:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Hide onscreen keyboard by defocusing input on touch move

Browse source
This commit is contained in:
Adrian Gruntkowski 2025-03-22 11:35:06 +01:00
parent d880130303
commit 03c1bc9931
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
priv/static/js/components.js
View file

@ -118,6 +118,18 @@ class EditableArea extends HTMLElement {
this.#sync();
});
const onTouchMove = () => {
this.inputElement.blur();
};
this.inputElement.addEventListener("focus", () => {
document.addEventListener("touchmove", onTouchMove);
});
this.inputElement.addEventListener("blur", () => {
document.removeEventLitener("touchmove", onTouchMove);
});
new ResizeObserver(() => {
this.inputElement.style.height = this.displayElement.scrollHeight + "px";
this.inputElement.style.width = this.displayElement.scrollWidth + "px";