Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-15 17:21:35 +10:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1997 from 2368883029/main

Browse Source 
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
parent ffa4747ed6 5bc0230a5a
commit d0a07686a5
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
libs/ui/src/components/rich-input.tsx
View File

@ -71,7 +71,12 @@ const InsertImageForm = ({ onInsert }: InsertImageProps) => {
return (
<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">
Insert an image from an external URL and use it on your resume.
</p>
@ -370,6 +375,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
size="sm"
variant="ghost"
className="px-2"
type="button"
disabled={!editor.can().chain().focus().setHardBreak().run()}
onClick={() => editor.chain().focus().setHardBreak().run()}
>
@ -382,6 +388,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
size="sm"
variant="ghost"
className="px-2"
type="button"
disabled={!editor.can().chain().focus().setHorizontalRule().run()}
onClick={() => editor.chain().focus().setHorizontalRule().run()}
>