fix: when holding shift the shortcuts help show up

zanyx-web-sec · Aug 14, 2024 · 17b7791 · 17b7791
1 parent e926734
commit 17b7791
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/ts/client/grapesjs/index.ts b/src/ts/client/grapesjs/index.ts
@@ -59,7 +59,7 @@ import { blocksPlugin } from './blocks'
 import { semanticPlugin } from './semantic'
 import { orderedList, richTextPlugin, unorderedList } from './rich-text'
 import { internalLinksPlugin } from './internal-links'
-import {defaultKms, keymapsPlugin, prefixKey} from './keymaps'
+import {defaultKms, keymapsPlugin} from './keymaps'
 import publicationManagerPlugin, { PublicationManagerOptions } from './PublicationManager'
 import ViewButtons from './view-buttons'
 import { storagePlugin } from './storage'
@@ -357,7 +357,8 @@ export function getEditorConfig(config: ClientConfig): EditorConfig {
         reverse: true,
       },
       [keymapsDialogPlugin.toString()]: {
-        longPressKey: prefixKey,
+        longPressDuration: null,
+        shortcut: 'shift+h',
       },
       [navbarPlugin.toString()]:{
         block:{

diff --git a/src/ts/client/utils.ts b/src/ts/client/utils.ts
@@ -60,8 +60,9 @@ export function selectBody(editor: Editor): void {
  * @param element The element to check.
  */
 export function isTextOrInputField(element: HTMLElement): boolean {
-  const isInput: boolean = element.tagName === 'INPUT' && element.getAttribute('type') !== 'submit'
-  const isOtherFormElement: boolean = ['TEXTAREA', 'OPTION', 'OPTGROUP', 'SELECT'].includes(element.tagName)
+  if(element.getAttribute('type') === 'submit') return false
+  const isInput: boolean = element.tagName === 'INPUT'
+  const isOtherFormElement: boolean = ['TEXTAREA', 'OPTION', 'OPTGROUP', 'SELECT', 'BUTTON'].includes(element.tagName)
 
   return isInput || isOtherFormElement
 }