jodit
jodit copied to clipboard
Image properties - Input fields are not clickable ( react + material ui )
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 /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
You should check with the browser inspector what exactly is preventing focus on the elements. Perhaps this is some kind of your overlay
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> /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