Superminaren
/
kvm
mirror of https://github.com/jetkvm/kvm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update WebRTCVideo.tsx 

Added support for mouse wheel vertical scrolling.
This commit is contained in:
rmschooley 2025-05-15 23:07:05 -05:00 committed by GitHub
parent 2ff72aec6a
commit 6f8004e9ba
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ui/src/components/WebRTCVideo.tsx
View File

@ -260,21 +260,26 @@ export default function WebRTCVideo() {
if (blockWheelEvent) return; if (blockWheelEvent) return;
// Determine if the wheel event is an accelerable scroll value // Determine if the wheel event is an accelerable scroll value
const isAccel = Math.abs(e.deltaY) >= 100; const isAccelY = Math.abs(e.deltaY) >= 100;
const isAccelX = Math.abs(e.deltaX) >= 100;
// Calculate the accelerable scroll value // Calculate the accelerable scroll value
const accelScrollValue = e.deltaY / 100; const accelScrollValueY = e.deltaY / 100;
const accelScrollValueX = e.deltaX / 100;
// Calculate the non-accelerable scroll value // Calculate the non-accelerable scroll value
const nonAccelScrollValue = e.deltaY > 0 ? 1: -1; const nonAccelScrollValueY = e.deltaY > 0 ? 1 : e.deltaY < 0 ? -1 : 0;
const nonAccelScrollValueX = e.deltaX > 0 ? 1 : e.deltaX < 0 ? -1 : 0;
// Get actual scroll value // Get actual scroll value
const scrollValue = isAccel ? accelScrollValue : nonAccelScrollValue; const scrollValueY = isAccelY ? accelScrollValueY : nonAccelScrollValueY;
const scrollValueX = isAccelX ? accelScrollValueX : nonAccelScrollValueX;
// Apply clamping (i.e. min and max mouse wheel hardware value) // Apply clamping (i.e. min and max mouse wheel hardware value)
const clampedScrollValue = Math.max(-128, Math.min(127, scrollValue)); const clampedScrollValueY = Math.max(-127, Math.min(127, scrollValueY));
const clampedScrollValueX = Math.max(-127, Math.min(127, scrollValueX));
send("wheelReport", { wheelY: clampedScrollValue }); send("wheelReport", { wheelY: clampedScrollValueY, wheelX : clampedScrollValueX });
// Apply blocking delay // Apply blocking delay
setBlockWheelEvent(true); setBlockWheelEvent(true);