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

feat(ui) Fix the CapsLock and Shift key for VirtualKeyboard

This commit is contained in:
Marc Brooks 2025-09-03 21:22:56 -05:00
parent 5f3dd89d55
commit 28249fcae9
No known key found for this signature in database
GPG Key ID: 583A6AF2D6AE1DC6
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ui/src/components/VirtualKeyboard.tsx
View File

@ -25,7 +25,7 @@ function KeyboardWrapper() {
const keyboardRef = useRef<HTMLDivElement>(null); const keyboardRef = useRef<HTMLDivElement>(null);
const { isAttachedVirtualKeyboardVisible, setAttachedVirtualKeyboardVisibility } = const { isAttachedVirtualKeyboardVisible, setAttachedVirtualKeyboardVisibility } =
useUiStore(); useUiStore();
const { keysDownState, isVirtualKeyboardEnabled, setVirtualKeyboardEnabled } = const { keyboardLedState, keysDownState, isVirtualKeyboardEnabled, setVirtualKeyboardEnabled } =
useHidStore(); useHidStore();
const { handleKeyPress, executeMacro } = useKeyboard(); const { handleKeyPress, executeMacro } = useKeyboard();
const { selectedKeyboard } = useKeyboardLayout(); const { selectedKeyboard } = useKeyboardLayout();
@ -46,9 +46,15 @@ function KeyboardWrapper() {
return decodeModifiers(keysDownState.modifier); return decodeModifiers(keysDownState.modifier);
}, [keysDownState]); }, [keysDownState]);
const isCapsLockActive = useMemo(() => {
return keyboardLedState?.caps_lock || false;
}, [keyboardLedState]);
const mainLayoutName = useMemo(() => { const mainLayoutName = useMemo(() => {
return isShiftActive ? "shift" : "default"; // if you have the CapsLock "latched", then the shift state is inverted
}, [isShiftActive]); const effectiveShift = isCapsLockActive ? false === isShiftActive : isShiftActive;
return effectiveShift ? "shift" : "default";
}, [isCapsLockActive, isShiftActive]);
const keyNamesForDownKeys = useMemo(() => { const keyNamesForDownKeys = useMemo(() => {
const activeModifierMask = keysDownState.modifier || 0; const activeModifierMask = keysDownState.modifier || 0;