GH-47: set physicalKeyboardHighlightPreventDefault prop in Keyboard c…

…omponent depending on current tab
WaverleySoftware · Jan 20, 2023 · 315a8d8 · 315a8d8
1 parent 009c1a7
commit 315a8d8
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/frontend/src/components/keyboard/index.js b/frontend/src/components/keyboard/index.js
@@ -8,7 +8,10 @@ import './style.css'
 import { display, layout, buttonTheme, buttonAttributes, useStyles, syntethicKeysMap } from './keyboardSettings'
 
 const Keyboard = observer(() => {
-    const {rosStore: { handleKeyboardShortcuts }} = useStore()
+    const {
+      rosStore: { handleKeyboardShortcuts },
+      navigationStore: { activeTab },
+    } = useStore()
     const [layoutName, setLayoutName] = useState('default')
     const { classes } = useStyles();
     const keyboardRef = useRef(null);
@@ -44,7 +47,7 @@ const Keyboard = observer(() => {
                 baseClass={'simple-keyboard-main'}
                 physicalKeyboardHighlight={true}
                 physicalKeyboardHighlightPress={true}
-                physicalKeyboardHighlightPreventDefault={true}
+                physicalKeyboardHighlightPreventDefault={activeTab === 0}
                 physicalKeyboardHighlightTextColor={theme.palette.common.white}
                 physicalKeyboardHighlightBgColor={theme.palette.background.keyboardButtonBgPressed}
                 syncInstanceInputs={true}