Problem¶

The codemirror editor within a backend modal has no proper dimensions. An backend user has two scrollbars. one of modal-body and one of the code-mirror.

In such scenario – especially on OS where scrollbars are "hidden" – an user can not consume the whole editor content (e.g. TypoScript, TSconfig, ...).

Open demonstration video

How to test?¶

Test within e.g. TypoScript module

1. Open TypoScript
2. Switch to Active TypoScript submodule
3. Click on any "Show Code" button which shows more code lines then the height of the modal (more than 1000px to get a good view on the problem)

Suggested solution¶

Size the codemirror editor to the height of the modal body like shown in the following screenshot

I'm not sure if this small CSS adjustment is the correct solution.