diff --git a/components/molecules/HighlightInput/highlight-input-form.tsx b/components/molecules/HighlightInput/highlight-input-form.tsx index 772457a7d3..8ce75e0692 100644 --- a/components/molecules/HighlightInput/highlight-input-form.tsx +++ b/components/molecules/HighlightInput/highlight-input-form.tsx @@ -385,7 +385,9 @@ const HighlightInputForm = ({ refreshCallback }: HighlightInputFormProps): JSX.E }; // Handle submit highlights - const handlePostHighlight = async (e: React.FormEvent) => { + const handlePostHighlight = async ( + e: React.FormEvent | React.KeyboardEvent + ) => { e.preventDefault(); const highlight = bodyText; @@ -520,6 +522,11 @@ const HighlightInputForm = ({ refreshCallback }: HighlightInputFormProps): JSX.E }`} defaultRow={4} value={bodyText} + onKeyUp={(e) => { + if (e.ctrlKey && e.key === "Enter") { + handlePostHighlight(e); + } + }} placeholder={`Tell us about your highlight and add a link `} typewrite={isTyping}