search

instructure-react / react-tinymce

React TinyMCE component
181 stars 115 forks source link

Inserting links & images unusable inside react-bootstrap Modal component #37

Closed sslotsky closed 7 years ago

sslotsky commented 7 years ago

The editor works fine in other cases, but when rendered inside a react-bootstrap Modal, inserting links and images doesn't work because the inputs can't be focused. Is there a known workaround for this?

image

dsbuttery commented 7 years ago

I am also seeing this behavior. Need a workaround ASAP or will have to abandon TinyMCE for another editor ...

sslotsky commented 7 years ago

I found this suggested workaround that has apparently worked for others, but it does not work in my case. Seems quite relevant though.

http://stackoverflow.com/questions/26836103/textbox-not-clickable-in-tinymce-modal-box

dsbuttery commented 7 years ago

Thanks. That doesn't work for me either. Using React/Redux in our project.

sslotsky commented 7 years ago

@dsbuttery I found that bootstrap's Modal component has an enforceFocus property that you can set to false to solve this problem. If it works for you as well I will close this issue.

dsbuttery commented 7 years ago

Bingo! Works like a charm. Thanks!

GeorgioWan commented 7 years ago

@sslotsky THANKS for found this solution!!! :joy: