Code block with horizontal scroll bar

[mickmou5e]

What I’m trying to do

Hello, I am new to obsidian and I fairly new to MD editors. I used hackmd. io and I liked the horizontal scroll bar for long lines of code. My buddy told me about obsidian and he said that it has horizontal scroll bar-or at least it used to before the latest update. How do I add that functionality back into my workflow? From what I could find searching the community, there is some CSS code snippets that can be added but from the comments they do not look like normal scroll wheels or it messes up. I also am not sure where to add the CSS code so If anyone has the solution please let me know! Thanks a lot!

[kenjibailly]

In the settings under the “Editor” tab you can turn off “Line wrap” to perform this.

Make sure “Readable line length” is also turned off

[ke.nikka]

Unfortunately, that removes line-breaks for all text, including regular paragraphs. I haven’t found any solution. The code lines (.cm-line) aren’t in a common div, so adding horizontal scroll using only CSS puts a scrollbar on each line.

[xidl]

any updates on this? can we atleast know when do devs plan on fixing this odd behaviour?

[WhiteNoise]

Live preview: Better treatment of code blocks. Code Wrap, Horizontal Scroll and Smart Indent

Let me add here a quick note. This is a much harder problem that it seems because there is only one real editor view. There are two options right now: It’s either as it is now. Codeblock flow and are editable with rest of the text. Use the same trick used for Tables (use reader rendering while not editing) Specifically, codeblocks look like in reader (and you can have code wrap, horizontal scroll, prismjs highlight) but the moment you click anywhere to edit them they are “unpacked” to what …