Add support for ⌘-Enter to submit in InputText

acusti · Nov 19, 2024 · f2e4b4a · f2e4b4a
1 parent 15a7a50
commit f2e4b4a
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/input-text/src/InputText.tsx b/packages/input-text/src/InputText.tsx
@@ -211,8 +211,9 @@ export default React.forwardRef<HTMLInputElement, Props>(function InputText(
         (event: React.KeyboardEvent<HTMLInputElement>) => {
             if (onKeyDown) onKeyDown(event);
             if (
-                submitOnEnter &&
                 event.key === 'Enter' &&
+                // for multi-line inputs, ⌘-Enter should always submit
+                (submitOnEnter || (multiLine && isPrimaryModifierPressed(event))) &&
                 // for multi-line inputs, shift/alt/ctrl-Enter should insert newlines
                 (!multiLine || (!event.shiftKey && !event.altKey && !event.ctrlKey))
             ) {
@@ -276,3 +277,10 @@ export default React.forwardRef<HTMLInputElement, Props>(function InputText(
         />
     );
 });
+
+const IS_APPLE_REGEXP = /mac|iphone|ipad|ipod/i;
+
+function isPrimaryModifierPressed(event: KeyboardEvent) {
+    const platform = globalThis.navigator?.platform ?? '';
+    return IS_APPLE_REGEXP.test(platform) ? event.metaKey : event.ctrlKey;
+}