tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] Add Cmd/Ctrl+Enter to submit when Textarea is focused

Browse Source 
Port 8c2c94fa6cf608070b47f030d3df738e1d4e25d8 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion 2026-02-11 11:44:20 +01:00 committed by Claire
parent 2373c5a132
commit d3e972465d
1 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app/javascript/flavours/glitch/components/form_fields/text_area_field.tsx
View File

@ -1,5 +1,5 @@
import type { ComponentPropsWithoutRef } from 'react';
import { forwardRef } from 'react';
import { forwardRef, useCallback } from 'react';
import classNames from 'classnames';
@ -36,12 +36,26 @@ TextAreaField.displayName = 'TextAreaField';
export const TextArea = forwardRef<
HTMLTextAreaElement,
ComponentPropsWithoutRef<'textarea'>
>(({ className, ...otherProps }, ref) => (
<textarea
{...otherProps}
className={classNames(className, classes.input)}
ref={ref}
/>
));
>(({ className, onKeyDown, ...otherProps }, ref) => {
const handleSubmitHotkey = useCallback(
(e: React.KeyboardEvent<HTMLTextAreaElement>) => {
onKeyDown?.(e);
if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
const targetForm = e.currentTarget.form;
targetForm?.requestSubmit();
}
},
[onKeyDown],
);
return (
<textarea
{...otherProps}
onKeyDown={handleSubmitHotkey}
className={classNames(className, classes.input)}
ref={ref}
/>
);
});
TextArea.displayName = 'TextArea';