Merge pull request #1997 from 2368883029/main

Fix(client): Fix Unintentional Form Submission on Rich-input Toolbar Actions
This commit is contained in:
Amruth Pillai
2025-01-12 16:41:35 +01:00
committed by GitHub

View File

@ -71,7 +71,12 @@ const InsertImageForm = ({ onInsert }: InsertImageProps) => {
return ( return (
<Form {...form}> <Form {...form}>
<form className="space-y-3" onSubmit={form.handleSubmit(onSubmit)}> <form className="space-y-3"
onSubmit={(e) => {
e.stopPropagation();
e.preventDefault();
form.handleSubmit(onSubmit)();
}}>
<p className="prose prose-sm prose-zinc dark:prose-invert"> <p className="prose prose-sm prose-zinc dark:prose-invert">
Insert an image from an external URL and use it on your resume. Insert an image from an external URL and use it on your resume.
</p> </p>
@ -370,6 +375,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
size="sm" size="sm"
variant="ghost" variant="ghost"
className="px-2" className="px-2"
type="button"
disabled={!editor.can().chain().focus().setHardBreak().run()} disabled={!editor.can().chain().focus().setHardBreak().run()}
onClick={() => editor.chain().focus().setHardBreak().run()} onClick={() => editor.chain().focus().setHardBreak().run()}
> >
@ -382,6 +388,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
size="sm" size="sm"
variant="ghost" variant="ghost"
className="px-2" className="px-2"
type="button"
disabled={!editor.can().chain().focus().setHorizontalRule().run()} disabled={!editor.can().chain().focus().setHorizontalRule().run()}
onClick={() => editor.chain().focus().setHorizontalRule().run()} onClick={() => editor.chain().focus().setHorizontalRule().run()}
> >