sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve touch event handling for smoother page navigation

Browse Source 
Add e.preventDefault() to touchmove event handlers in FolxStadlPage, GeschichteLiedPage, and GipfelstammtischPage to prevent default scrolling behavior during touch interactions.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/DyHCx4q
This commit is contained in:
sebastjanartic 2025-09-01 21:52:36 +00:00
parent 591737c07b
commit ef2f7180bd
3 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/pages/FolxStadlPage.tsx
View File

@ -53,9 +53,11 @@ export default function FolxStadlPage() {
const handleTouchStart = (e: React.TouchEvent) => { const handleTouchStart = (e: React.TouchEvent) => {
setTouchEnd(0); setTouchEnd(0);
setTouchStart(e.targetTouches[0].clientX); setTouchStart(e.targetTouches[0].clientX);
console.log('Folx touch start:', e.targetTouches[0].clientX);
}; };
const handleTouchMove = (e: React.TouchEvent) => { const handleTouchMove = (e: React.TouchEvent) => {
e.preventDefault();
setTouchEnd(e.targetTouches[0].clientX); setTouchEnd(e.targetTouches[0].clientX);
}; };

2
client/src/pages/GeschichteLiedPage.tsx
View File

@ -55,9 +55,11 @@ export default function GeschichteLiedPage() {
const handleTouchStart = (e: React.TouchEvent) => { const handleTouchStart = (e: React.TouchEvent) => {
setTouchEnd(0); setTouchEnd(0);
setTouchStart(e.targetTouches[0].clientX); setTouchStart(e.targetTouches[0].clientX);
console.log('Geschichte touch start:', e.targetTouches[0].clientX);
}; };
const handleTouchMove = (e: React.TouchEvent) => { const handleTouchMove = (e: React.TouchEvent) => {
e.preventDefault();
setTouchEnd(e.targetTouches[0].clientX); setTouchEnd(e.targetTouches[0].clientX);
}; };

2
client/src/pages/GipfelstammtischPage.tsx
View File

@ -55,9 +55,11 @@ export default function GipfelstammtischPage() {
const handleTouchStart = (e: React.TouchEvent) => { const handleTouchStart = (e: React.TouchEvent) => {
setTouchEnd(0); setTouchEnd(0);
setTouchStart(e.targetTouches[0].clientX); setTouchStart(e.targetTouches[0].clientX);
console.log('Gipfel touch start:', e.targetTouches[0].clientX);
}; };
const handleTouchMove = (e: React.TouchEvent) => { const handleTouchMove = (e: React.TouchEvent) => {
e.preventDefault();
setTouchEnd(e.targetTouches[0].clientX); setTouchEnd(e.targetTouches[0].clientX);
}; };