Horizontal scrollbar in the editor

Hello everyone,

I frequently create bulleted collapsible lists, some of which have many levels. This can result in some lines at deeper levels being very short, as shown in the example below:

This issue could be resolved if Obsidian incorporated a horizontal scrollbar. In that case, automatic line breaks wouldn’t be necessary. Is this possible?

Thank you for reading.

Do you have the Hider plugin installed? By default this hides the scrollbar which already have been implemented ages ago…

Oh yes, I didn’t see that scrollbar until now, but it is not what I want.

What I mean is the following:

If I have that line, and then I zoom in

The line is divided into two visual lines. That is not what I want. I want to see only one line, even if I can’t see the full line, and then use the horizontal scrollbar to view the rest. Just like when I am programming code. (this is a capture of CLion, an IDE for programming)

But thank you for your reply!

Hey - yeah that is called ‘line-wrapping’.

You can unwrap all lines with this CSS:

/* unwrap text -- editing view */
.cm-line {white-space: nowrap;}

/* unwrap text -- reading view */
.markdown-preview-section * {white-space: nowrap;}

:dove:

1 Like

I love you, my friend. Infinite thanks! :smiling_face_with_three_hearts:

1 Like

I’m testing it and it works in editor mode, but not in read mode. Is there a way to fix this?

Yeah sure, to unwrap all lines in reading-view, you can add:

.markdown-preview-section * {
   white-space: nowrap;
}

:hibiscus:

1 Like

It works perfect!