fix(Editable): allow space inputs when submitMode is enter (#1013)

* fix: allow more space inputs in editable

* refactor(Editable): remove space from allowed keys and ignore meta key

* docs(Editable): update docs

---------

Co-authored-by: Eduard Predescu <eduard.florin.predescu@gmail.com>

docs/content/components/editable.md

@@ -152,14 +152,6 @@ Contains the cancel trigger of the editable component.
       keys: ['Tab'],
       description: `<span>When focus moves onto the editable field, switches into the editable mode if the <Code>activation-mode</Code> is set to focus.</span>`
     },
-    {
-      keys: ['Space'],
-      description:`
-      <span>
-          If the <Code>submit-mode</Code> is set to <Code>enter</Code> or <Code>both</Code>, it submits the changes.
-      </span>
-    ` ,
-    },
     {
       keys: ['Enter'],
       description:`

packages/radix-vue/src/Editable/EditableInput.vue

@@ -44,7 +44,7 @@ watch(context.isEditing, (value) => {
 })
 
 function handleSubmitKeyDown(event: KeyboardEvent) {
-  if ((context.submitMode.value === 'enter' || context.submitMode.value === 'both') && (event.key === kbd.ENTER || event.key === kbd.SPACE) && !event.shiftKey)
+  if ((context.submitMode.value === 'enter' || context.submitMode.value === 'both') && event.key === kbd.ENTER && !event.shiftKey && !event.metaKey)
     context.submit()
 }
 </script>