1
0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-02-20 14:54:15 +01:00

(bug) add a link sends the parent form

This commit is contained in:
Sylvain 2022-09-27 15:02:41 +02:00
parent 116dac646c
commit 82d2f99b77

View File

@ -75,10 +75,16 @@ export const MenuBar: React.FC<MenuBarProps> = ({ editor, heading, bulletList, b
// Support keyboard "Enter" key event to validate
const handleEnter = (evt) => {
if (evt.keyCode === 13) {
setLink();
setLink(true);
}
};
// prevent form submition propagation to parent forms
const handleSubmit = (event) => {
event.preventDefault();
event.stopPropagation();
};
// Update the selected link
const setLink = useCallback((closeLinkMenu?: boolean) => {
if (url.href === '') {
@ -235,7 +241,7 @@ export const MenuBar: React.FC<MenuBarProps> = ({ editor, heading, bulletList, b
}
</div>
<div ref={ref} className={`fab-text-editor-subMenu ${submenu ? 'is-active' : ''}`}>
<form ref={ref} className={`fab-text-editor-subMenu ${submenu ? 'is-active' : ''}`} onSubmit={handleSubmit}>
{ submenu === 'link' &&
(<>
<h6>{t('app.shared.text_editor.menu_bar.add_link')}</h6>
@ -284,7 +290,7 @@ export const MenuBar: React.FC<MenuBarProps> = ({ editor, heading, bulletList, b
</div>
</>)
}
</div>
</form>
</>
);
};