Unable to edit link on pop-up modal

[jhetuts]

Initializing Froala Editor on a modal produced this un-editable input for link and text link but no issue on standard in-page initialization.

My initialization were based on the special method onManualControllerReady that you have.
I initialized the editor upon mounting of component; manually,

And destroy it after unmount,

So that I can avoid calling an previous instance.

I'm using it a modal since this was the firs flow of our development in terms of implementing widgets.
Attached a video recording link for your reference.
https://drive.google.com/file/d/1OiVHHEFgbpKyRa5EBLugJS44DB1h2gvX/view?usp=sharing

This was the dom btw, no changes.

Froala-unable to edit.zip

And btw, it was already raised before by one of my colleague. Maybe this would help Ticket #22957

[jhetuts]

P.s. Ticket was created through your website support

[DevStarks]

👍

[uguraktas]

is there a solution for this?

[DevStarks]

@uguraktas what worked for me was switching from material-ui modal to the react-modal. Not sure what difference in the two implementations broke the froala inputs but you might find some answers there.

[uguraktas]

@uguraktas what worked for me was switching from material-ui modal to the react-modal. Not sure what difference in the two implementations broke the froala inputs but you might find some answers there.

Hi @DevStarks, thanks for suggesting. Now we are using bootstrap modal. What do you think about switching ant design? is there the same problem?

[aliaksandr-yanchuk]

To fix this behavior in material-ui dialogs set disableEnforceFocus to true in mui Dialog instance.