Jodit editor- Edit link popup is shutting off upon on clicking

[msammi]

Jodit Rich Text Editor- Unable to edit the hyperlinks. When we click on edit, the editor popup shows up and shut down when we try to edit the existing link on the popup.

[hila-achieved]

Also happens to me

[harish-balagoni]

Add toolbarInline: false to your config

[kevinwong150]

Same thing happens to me. In my case, we use the editor as below, with onBlur as the event handling method. One solution is to change onBlur to onChange.

<Controller
  as={
    <JoditEditor
      value={tour.content as string}
      ref={editor}
      config={config}
    />
  }
  id={`content-${tour.id}`}
  name={`content-${tour.id}`}
  required
  inputRef={register({ name: `content-${tour.id}` })}
  control={control}
  defaultValue={tour.content as string}
  onBlur={([event]) => {
    valueChange("content", tour.id, event);
    return event;
  }}
/>

Steps to replicate:

1. focus on the editor
   

2. click to edit the hyperlink
   

3. click any place of the popup

4. popup gone, not able to edit anything in the popup

[avinashdv]

kevinwong150
+1
same issue happening for me.

[avinashdv]

kevinwong150
Adding useMemo for the config did the trick in my case.

Attaching below the code, In case anyone looking for the same issue

const config = useMemo(() => { return { readonly: false, placeholder: placeholder, askBeforePasteHTML: false, askBeforePasteFromWord: false, defaultActionOnPaste: "insert_clear_html", useNativeTooltip: true, }; }, []);