What is the problem?
With Realtime Preview and the Syntax highlighter gadget on, the wikitext pane does not resize correctly.
If you resize the whole editor, the wikitext pane remains the same size.
If you resize the wikitext pane on its own it can overflow the editor.
See the example screenshots below.
The Syntax highlighter gadget is enabled by default on Arabic Wikipedia (and possibly other RTL wikis, because CodeMirror does not work well in RTL).
Steps to reproduce problem
- Login and enable Realtime Preview on Arabic Wikipedia
- https://ar.wikipedia.org/w/index.php?title=%D8%B9%D8%A8%D8%AF_%D8%A7%D9%84%D8%AD%D9%85%D9%8A%D8%AF_%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A&action=edit&editintro=%D9%82%D8%A7%D9%84%D8%A8:%D8%AA%D8%A8%D8%B5%D8%B1%D8%A9_%D9%85%D8%AD%D8%AA%D9%88%D9%89_%D9%85%D8%AA%D9%85%D9%8A%D8%B2
- Open Realtime Preview
- Resize the editor or wikitext pane
Expected behavior: wikitext pane remains the same height as the whole editor
Observed behavior: see screenshots
Environment
Browser: Firefox, Chromium
Wiki(s): https://ar.wikipedia.org MediaWiki 1.39.0-wmf.26 (38a120c) 00:50, 23 August 2022.
Editor WikiEditor 0.5.3 (42f2247) 06:24, 22 August 2022.
Screenshots
Resizing the whole editor:
Resizing the wikitext pane:
