shukivaknin/gniza4linux
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add touch-to-scroll support for mobile web view

Browse Source 
Translate touch swipe gestures into wheel events dispatched to
the xterm terminal, enabling scrolling on touch devices.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
shuki
2026-03-07 01:17:42 +02:00
parent 0ad929a4b6
commit d2615ab4d2
1 changed files with 32 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
tui/web_templates/app_index.html
View File

@@ -163,6 +163,38 @@
window.location.replace(url.toString()); window.location.replace(url.toString());
} }
})(); })();
// Touch-to-scroll: translate swipe gestures into wheel events for xterm
(function() {
var touchStartY = null;
var THRESHOLD = 5;
document.addEventListener("touchstart", function(e) {
if (e.touches.length === 1) {
touchStartY = e.touches[0].clientY;
}
}, { passive: true });
document.addEventListener("touchmove", function(e) {
if (touchStartY === null || e.touches.length !== 1) return;
var dy = touchStartY - e.touches[0].clientY;
if (Math.abs(dy) < THRESHOLD) return;
touchStartY = e.touches[0].clientY;
var target = document.querySelector(".xterm-screen") || document.querySelector("#terminal");
if (!target) return;
target.dispatchEvent(new WheelEvent("wheel", {
deltaY: dy > 0 ? 3 : -3,
deltaMode: 0,
bubbles: true,
cancelable: true
}));
}, { passive: false });
document.addEventListener("touchend", function() {
touchStartY = null;
}, { passive: true });
})();
</script> </script>
</head> </head>
<body data-pingurl="{{ ping_url }}"> <body data-pingurl="{{ ping_url }}">