gnh1201/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2026-02-21 08:08:32 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Add Cmd/Ctrl+Enter to submit when Textarea is focused (#37821)

Browse Source
This commit is contained in:
diondiondion 2026-02-11 11:44:20 +01:00 committed by GitHub
parent c53bb3b33e
commit 8c2c94fa6c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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/mastodon/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';