search

tinymce / tinymce

The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
https://www.tiny.cloud
Other
14.88k stars 2.23k forks source link

TinyMCE Editor not working with Google Meterial Light framwork #2395

Closed TinyMCE-User closed 7 years ago

TinyMCE-User commented 9 years ago

When TinyMCE using with GOogle Meterial Design Light (http://www.getmdl.io/) Layout. TinyMCE stop responding.

Legacy information imported from TinyMCE bug tracker:

_#T7686 posted by nmondal28_

Tags: [firefox msie safari chrome] Status: Verified Resolution: Later Attached URL: http://fiddle.tinymce.com/GZeaab

TinyMCE-User commented 8 years ago

This seems to be a know issue: https://github.com/google/material-design-lite/issues/1369

Posted by spocke

fkhadra commented 8 years ago

Hi, This is my workaround for the moment, can be useful for others widget that conflict with mdl-js-layout

document.addEventListener('mdl-componentupgraded', function(e){
  //In case other element are upgraded before the layout  
  if (typeof e.target.MaterialLayout !== 'undefined') {
    tinymce.init({
      selector: 'textarea'
    });
  }
});

Maybe it will be safer to check first that the layout is correctly updated before initialize TinyMce

fyrkant commented 7 years ago

I am closing this issue due to old age.

If you still have this issue in the latest version of TinyMCE please open up a new issue or leave a comment here.