Image properties - Input fields are not clickable ( react + material ui )

[skaskevire]

Jodit Version: 3.18.4

Browser: Chrome
OS: Windows/Mac
Is React App: True

I applied jodit editor into react + material ui setup into modal window and see that inputs inside image properties are not focusable and not clickable. Everything except this works correctly.
My setup was the following:
Dialog>
//jodit editor placed here
<textarea id="editor" name="editor" />
/Dialog>

The same issue i see with Link popup ( all fields there are not clickable ). I noticed that on version 3.4.x it works correctly, but Image properties has similar issue.

Is this known defect, did someone faced similar behavior before?

Thank you

[xdan]

You should check with the browser inspector what exactly is preventing focus on the elements. Perhaps this is some kind of your overlay

[skaskevire]

Thank you for your answer, after some research i found out that this is mui Dialog functionality prevent focus from leaving the modal while open ( link editor and image editor are separate modals ) and there is a property to disable this behavior:

( screenshot was taken from https://mui.com/material-ui/api/modal/#props ).

My setup was the following:

Dialog>
<textarea id="editor" name="editor" />
/Dialog>

To summarize i would like to say that this is not an issue with Jodit editor, but probably it will be a good idea to update documentation of image-editor and link-editor plugins and other plugins which are opening in new modals to warn users about such potential behavior