Fix TinyMCE-React not usable in Material-UI Dialog

rexebin

Rex

Posted on May 14, 2021

Fix TinyMCE-React not usable in Material-UI Dialog

The TinyMCE editor rendered in Material-Ui Dialog doesn't work as expected. For example, TinyMCE Dialog component fields are not selectable; the table and link plugin doesn't work etc.

All of these just because TinyMCE is having problems to focus things.

The fix is very simple: disable Material UI Dialog's enforce focus by adding a prop disableEnforceFocus={true} and optionally disableAutoFocus={ true}

💖 💪 🙅 🚩
rexebin
Rex

Posted on May 14, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related