I would like to set a max-height and then allow the user to scroll inside the edit area. If I set a max-height it's respected but scrolling is disabled.
Any ideas?
Figured it out, did like below:
.CodeMirror,
.CodeMirror-scroll {
max-height: 300px;
}
Add these styles to still have 100% height in full screen mode:
.CodeMirror-fullscreen.CodeMirror {
max-height: none;
}
.CodeMirror-fullscreen .CodeMirror-scroll {
max-height: none;
}
Where did you add that css?
I just realized that my own .css file was being linked before the simplemde.css, so by simply moving my css below the other, mine then overwrote the simplemde's defaults.
@glenpierce that's probably the case for me too.
Looks like this is now:
.CodeMirror,
.CodeMirror-scroll {
max-height: 300px;
min-height: 300px;
}
Most helpful comment
Figured it out, did like below:
Add these styles to still have 100% height in full screen mode: