Topic on Extension talk:TinyMCE

Textbox grows infinitely with Citizen skin (thus unable to save edits)

5
Summary by DuncanCrane

Lullia has identified a workaround for this issue (open topic to see details)

Lulullia (talkcontribs)

Hi, I just installed the Citizen skin in my private wiki. The regular editor works fine.

When I try to edit a page with TinyMCE editor though, the textbox (where we make edits) just expands infinitely, and I can never reach the bottom of the page as a result (so I can't save my edits). When I inspected the element, the height of it just kept increasing on and on, it even reached 60k pixels before I closed the page!


I'm running latest MediaWiki 1.37. No other extensions (other than pre-installed ones).

Also, I had already tested TinyMCE with Timeless skin and there were no problems. That's a very weird bug...


I hope you can find a solution! Thanks!

Lulullia (talkcontribs)

After tinkering a bit more with the Inspector, I found that the issue may be coming from this css:

.tox .tox-edit-area__iframe {

  height: 100%;

}

When I disable/change the value of "height", the text area returns to normal size and no longer expands.


I also found that disabling "display: flex" on the iframe's parents removes the problem, but of course it renders the editor unusable so it's not a viable workaround.

DuncanCrane (talkcontribs)

Hi Lulullia Thank you for using TinyMCE and letting me know about this issue (and also investigating it). I haven't had the problem reported before, so it looks like it may be something to do with how the Citizen skin works. Several other skins have been used with TinyMCE successfully so I don't think this is a bug with TinyMCE as such. The height setting you identify is part of standard TinyMCE setup. You could try redefining it in the MW_tinymce.css file in the extension root directory as a workaround? You might also ask the extension developers if they have any ideas. Do let me know how you get on. Many thanks Duncan

Lulullia (talkcontribs)

Hi,

I have started a thread on the Citizen skin's page and someone who was having the same issue as me found a workaround in disabling the plugin "autoresizer" (bundled with TinyMCE).

Here is the original message. It works great for me right now so I can close the issue but I thought maybe you'd want to investigate more.

Thanks for the support!

DuncanCrane (talkcontribs)

Thanks Lulullia, I'll look into that.