Horizontal scrollbar and line numbers

v6
1

Hello,

I’ve added vertical and horizontal scroll bar and everything works great, however I’ve realized horizontal bar goes “over” line numbers, is there a way to limit its wide to “editor area”?

horizontal_scrollbar
horizontal_scrollbar908×1598 16.9 KB

In case extensions’s order can be involved, here’s the one I’m working with

{
    extensions: [
        EditorView.theme({
            '&': {
                width: '100%',
                height: '100%',
                backgroundColor: 'white'
            },
            '.cm-editor': {
                width: '100%'
            },
            '.cm-scroller': {
                overflow: 'auto'
            }
        }),
        lineNumbers(),
    ]
}

Many thanks,

Fran

2

No. The gutter is inside the scrolling element, so the browser’s horizontal scrollbar will also show up below the gutter.

1 Like
3

Thanks a lot @marijn for the answer! I was almost sure that was the expected scrolling behaviour, never the less I wanted to ask about it :slight_smile: