Our client complained about the TinyMCE editor. I didn't experience any issues because I was using Chrome and/or Firefox. But in IE9 there's some very weird going on. It looks as if the editor is treating P-tags as if they were a TABLE:
Also, the editor nests P-tags inside of LI's which causes the above result. This makes it nearly impossible to use the editor in IE9. The first UL was edited in Firefox, the P and UL below that were edited in IE9. Here's the generated HTML for the content above:
<ul>
<li>Dit is een test</li>
<li>dsjgf;odihjs</li>
<li>dsaiofj;adsf</li>
</ul>
<p>sdafasdf</p>
<ul>
<li><p>sdkljfhdslf</p></li>
<li><p>s;aldfhjadslf;</p></li>
</ul>
TinyMCE treating P-tags as TABLE in IE9!?
Our client complained about the TinyMCE editor. I didn't experience any issues because I was using Chrome and/or Firefox. But in IE9 there's some very weird going on. It looks as if the editor is treating P-tags as if they were a TABLE:
Also, the editor nests P-tags inside of LI's which causes the above result. This makes it nearly impossible to use the editor in IE9. The first UL was edited in Firefox, the P and UL below that were edited in IE9. Here's the generated HTML for the content above:
Has anyone else ever seen this issue?
Ok, found the culprit.
I set "overflow:hidden;" for the P-tag in my editor stylesheet.
For some reason the TinyMCE doesn't like this very much.
is working on a reply...