Dialog takes focus, can we add notice about such default behavior in docs?

[liesislukas]

Not sure where to post such info but when using material-ui Dialog and rendering tinymce inside it, material-ui dialog is getting focus by default which makes tinymce dialogs uneditable.

The solution is to add disableEnforceFocus to the dialog. Would like to mention such info somewhere on documentation but can't decide where and what sentence would be best to provide such notice. I believe people have the same issue with any other dialog rendered inside material-ui Dialog. It was a headache for some time, would love to have noticed on docs.

I believe having some yellowish notice here https://material-ui.com/demos/dialogs/ would make sense.

[oliviertassinari]

@liesislukas You will find this information in https://material-ui.com/utils/modal/ (the page is linked in the dialog page). It's a default accessibility behavior all modals should have.

[oliviertassinari]

How do you think we should handle the issue?

[sashless]

Maybe a selector whitelist to allow a focus change to some elements would work @oliviertassinari ?

[oliviertassinari]

@sashless Do you have a reproduction of the issue? It would help explore the different option to solve the problem.

[liesislukas]

so i assume disableAutoFocus={true} would solve this? Can't try atm

[oliviertassinari]

Duplicate of #15694 and #15450.

[tanmaykaushik451]

Thanks a lot brother..Was stuck in this thing for two days ..couldnt even have thought of this...I tried it and it worked like a charm

[AMITKESARI2000]

This worked for me : https://dev.to/rexebin/fix-tinymce-react-not-usable-in-material-ui-dialog-68i