0
votes

I was working with TinyMCE 4, it was working good but I moved to TinyMCE 5, it started creating issues. When I click any drop-down menu it doesn't show any menu item e.g if I click on the "Paragraph" drop down it is not displaying any menu item. All other buttons are working fine(that are not drop-down) e.g bold, italic etc.

TinyMCE on my website

When I click any drop-down menu it doesn't show any error, I checked the console many times.

Console when clicking drop-down menu

Official document link: https://www.tiny.cloud/docs/general-configuration-guide/basic-setup/

If you go to the bottom of this document, you'll see it show codepen link, there code is working fine i.e drop-down menu are working fine, I'm using the same js code but still drop-down menu is not working for me. I'm not able to understand what the issue can be.

My code:-

tinymce.init({
    selector: 'textarea',
    width: 600,
    height: 300,
    plugins: [
      'advlist autolink link image lists charmap print preview hr anchor pagebreak',
      'searchreplace wordcount visualblocks code fullscreen insertdatetime media nonbreaking',
      'table emoticons template paste help'
    ],
    toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | ' +
      'bullist numlist outdent indent | link image | print preview media fullpage | ' +
      'forecolor backcolor emoticons | help',
    menu: {
      favs: {title: 'My Favorites', items: 'code visualaid | searchreplace | emoticons'}
    },
    menubar: 'favs file edit view insert format tools table help',
    content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
  });

Any help will be appreciated, Thanks.

PS: I'm using bootstrap 4 but not using any kind of bootstrap modal.

It often has to do with positioning. The popup is there, just floating behind something, or positioned top/left 0px and out of sight because you scrolled a little down. Try checking the page's DOM using Inspect Element. - Jeffrey Roosendaal
@JeffreyRoosendaal thanks for your time, I played with positioned but nothing happened. Seems like I'm stuck. - Ali Bhutta
Quick question, do you have another 3rd party style library on your page? such as bootstrap4... - ikhvjs
yes I'm using bootstrap 4 - Ali Bhutta
Thanks all for your help, one of my css file conflicting with it - Ali Bhutta