From c28f3b4cd05a70b06a1431db55edc282cebf51b4 Mon Sep 17 00:00:00 2001
From: Marc Brooks <IDisposable@gmail.com>
Date: Thu, 21 Aug 2025 16:37:16 +0000
Subject: [PATCH] Clean up repeating keys and physical key highlighting

---
 ui/src/components/VirtualKeyboard.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/ui/src/components/VirtualKeyboard.tsx b/ui/src/components/VirtualKeyboard.tsx
index 184ae10..1d41f94 100644
--- a/ui/src/components/VirtualKeyboard.tsx
+++ b/ui/src/components/VirtualKeyboard.tsx
@@ -272,15 +272,15 @@ function KeyboardWrapper() {
                       display={keyboard.keyDisplayMap}
                       layout={keyboard.virtualKeyboard.main}
                       disableButtonHold={true}
-                      debug={false}
+                      enableLayoutCandidates={false}
                       preventMouseDownDefault={true}
                       preventMouseUpDefault={true}
                       stopMouseDownPropagation={true}
                       stopMouseUpPropagation={true}
                       physicalKeyboardHighlight={true}
-                      physicalKeyboardHighlightPress={true}
                       physicalKeyboardHighlightPreventDefault={true}
-                      enableLayoutCandidates={false}
+                      physicalKeyboardHighlightTextColor="black"
+                      physicalKeyboardHighlightBgColor="lightblue"
                     />
 
                     <div className="controlArrows">
@@ -292,15 +292,16 @@ function KeyboardWrapper() {
                         onKeyReleased={onKeyUp}
                         display={keyboard.keyDisplayMap}
                         layout={keyboard.virtualKeyboard.control}
-                        debug={false}
+                        disableButtonHold={true}
+                        enableLayoutCandidates={false}
                         preventMouseDownDefault={true}
                         preventMouseUpDefault={true}
                         stopMouseDownPropagation={true}
                         stopMouseUpPropagation={true}
                         physicalKeyboardHighlight={true}
-                        physicalKeyboardHighlightPress={true}
                         physicalKeyboardHighlightPreventDefault={true}
-                        enableLayoutCandidates={false}
+                        physicalKeyboardHighlightTextColor="black"
+                        physicalKeyboardHighlightBgColor="lightblue"
                       />
                       <Keyboard
                         baseClass="simple-keyboard-arrows"
@@ -309,15 +310,16 @@ function KeyboardWrapper() {
                         onKeyReleased={onKeyUp}
                         display={keyboard.keyDisplayMap}
                         layout={keyboard.virtualKeyboard.arrows}
-                        debug={false}
+                        disableButtonHold={true}
+                        enableLayoutCandidates={false}
                         preventMouseDownDefault={true}
                         preventMouseUpDefault={true}
                         stopMouseDownPropagation={true}
                         stopMouseUpPropagation={true}
                         physicalKeyboardHighlight={true}
-                        physicalKeyboardHighlightPress={true}
                         physicalKeyboardHighlightPreventDefault={true}
-                        enableLayoutCandidates={false}
+                        physicalKeyboardHighlightTextColor="black"
+                        physicalKeyboardHighlightBgColor="lightblue"
                       />
                     </div>
                     { /* TODO add optional number pad */ }