jodit icon indicating copy to clipboard operation
jodit copied to clipboard

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

Open skaskevire opened this issue 2 years ago • 2 comments

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>

2022-08-18 16 37 52 localhost bdfdf3f4a771

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

skaskevire avatar Aug 18 '22 15:08 skaskevire

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

xdan avatar Aug 21 '22 23:08 xdan

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: image ( 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

skaskevire avatar Aug 27 '22 13:08 skaskevire