wrapped lines in code blocks

xko

Long lines in in multi-line code blocks are wrapped - this defeats the purpose of the code block, it must render verbatim, as entered, including line breaks, if necessary with horizontal scrolling.
This:

changes to this:

Also:

for some languages, line breaks are syntactically important!
broken lines are not highlighted, there’s no way to tell if it was typed like this
it breaks after “-” - especially bad for shell commands

Jay

I just tried to explore this but it’s not going to be very easy to make it scroll horizontally. There’s a whole lot of cursor and selection positioning/rendering code that does not work with individual items’ text scrolling horizontally. So the only way to not wrap is to just overflow offscreen and not be visible at all, which seems worse.

We might be able to solve this in the future, but it looks like it will take a lot of work and unfortunately we have higher priority issues to get to first.

xko

Jay Thanks for looking into this! Maybe it’s possible to at least show the broken lines? I.e. put something where red markings on my screenshots are?

xko

Jay Or maybe just introduce line numbering?
Then it’s clear: lines start where the numbers are, no number == wrapped line. Looks like easiest fix to me 🙂

Jay

That might be doable. What would you want to see as a representation of a broken line?

xko

Jay as to symbols, this pair looks good to me:
loong line starts and goes long ↩︎ ↪︎ and continues

Jay

Hmm, line numbers won’t be easy either. I hacked wrapping into the syntax highlighter component, and its line numbers assume no wrapping. I’ll try to come back to this after knocking out some of the higher priority things.