fix: disable navigation hotkeys when editing, close #80

Author: QingWei-Li

components/hotkey-tooltip.tsx

@@ -25,6 +25,7 @@ const HotkeyTooltip: FC<{
   optionKey?: boolean
   onClose?: TooltipProps['onClose']
   onHotkey?: () => void
+  disableOnContentEditable?: boolean
 }> = ({
   text,
   keys = [],
@@ -33,6 +34,7 @@ const HotkeyTooltip: FC<{
   commandKey,
   optionKey,
   onHotkey = noop,
+  disableOnContentEditable = false,
 }) => {
   const {
     ua: { isMac },
@@ -56,7 +58,7 @@ const HotkeyTooltip: FC<{
     {
       enabled: !!keys.length,
       enableOnTags: ['INPUT', 'TEXTAREA'],
-      enableOnContentEditable: true,
+      enableOnContentEditable: !disableOnContentEditable,
     },
     [onHotkey]
   )

components/nav-button-group.tsx

@@ -71,6 +71,7 @@ const NavButtonGroup: FC = () => {
         onHotkey={back}
         keys={['Left']}
         commandKey
+        disableOnContentEditable
       >
         <IconButton disabled={!canBack} icon="ArrowSmLeft" onClick={back} />
       </HotkeyTooltip>
@@ -79,6 +80,7 @@ const NavButtonGroup: FC = () => {
         onHotkey={forward}
         keys={['Right']}
         commandKey
+        disableOnContentEditable
       >
         <IconButton
           disabled={!canForward}