I've implemented a change which works, but it's a bit ugly as it's overriding a style rule that's directly applied by the CodeMirror JS.
If you'd like to test it for us, that'd be appreciated.
Edit template: code_editor.less
Below:
Less:
&.CodeMirror-focused
{
.xf-inputFocus();
}
Add:
Less:
&.CodeMirror-simplescroll
{
.CodeMirror-sizer
{
// Bit hacky but solves issue with the simplescroll bars overlapping the content
padding-right: 30px !important;
}
}
I'm using latest Chrome on macOS and I was able to find a single line which was overlapped by the scrollbars in the PAGE_CONTAINER template. This line (78):
If you can't repro it, that's great, but the fix might still be necessary. With that in mind, if you're able to test it to ensure I haven't actually gone and broken anything else, that'd be great