Code Block Horizontal Scroll

IcyPebbles
The code block system provided by HL.JS presently wraps words within the code block container. This is annoying for programmers like myself who want to share readable code within the Discord interface. After some brainstorming, it seems that the only step that needs to be taken is introducing a single CSS class modifier: .hljs { white-space: pre; } This introduces a horizontal scroll bar on code block containers (```) as well as preserves line formatting.
278

Comments

15 comments

Date Votes
  • Hwiggy

    I am not sure why my posting of this was taken down, but thank you for re-posting it.
    At least yours has more upvotes as well, so maybe it will actually be implemented.

    2
  • MyriaCore
    • Edited

    This, this, this! Makes a huge difference!

    For comparison:

    5
  • Ghost4Man

    It's ironic that this was apparently "fixed" back in 2017 but they must have changed it back for some reason... (or it's a bug?)

    1
  • Cagelight

    This is one of Discord's most annoying bugs for me, code blocks should NEVER line break. It's even more annoying that it was apparently working before but then they broke it.

    3
  • Vince Blood

    This just sprang up in my web/desktop clients and I can't stand having no line wrap on my quotes.  Code or discussion or otherwise, being unable to read messages is frustrating.  The UI doesn't scroll long unquoted posts.

    3
  • Raw Salad

    How does one go about implementing this change?
    I'm rather lost.

    0
  • MyriaCore
    • Edited

    @Atrius Inspect Element, if u wanna try out for urself. If Discord Team actually decides they care, they'd just change it in the CSS. 

    0
  • MyriaCore
    • Edited

    Bruh

    0
  • Hwiggy

    https://support.discord.com/hc/en-us/community/posts/360067805192-Code-Block-Horizontal-Scroll

    Since Discord has chosen to ignore this one; lets refocus our energy into a new one.

    0
  • Emilie

    Okay, here's an idea, since we want to satisfy everyone, both people who use code blocks to share quotes and similar text, and programmers, maybe if the UI would turn off the horizontal bar by default, but turn it on when we type code, it would be a good compromise?

    So something like that wouldn't have a horizontal bar:

    ```Random quote.
    — Someone```

    And the following would have an horizontal bar because we specify a language:

    ```js
    //some javascript```

    6
  • MyriaCore

    This is a pretty reasonable workaround, although IMO there's a root cause at play here. Most people want to use codeblocks since they wanna write server rules that have consistent formatting. It also doesn't help that the official discord support page on formatting makes css look like a fun way to greentext:

    Anyway, the only reason people want consistent formatting is because discord barely has any formatting options. Code blocks allow users to do ASCII art, and mono-space fonts make things like bulleted lists look cleaner and more consistent, which is ultimately what you want a rules page to look like. For example, if discord expanded their markdown renderer to include:

    ... then that would go a long way to stopping people from reaching for code blocks as their workaround.

    That being said, I think having horizontal scroll on code blocks w/ syntax highlighting is a solid compromise. I just wouldn't want to leave the underlying problem unresolved.

    3
  • -KingVoe-9-

    guys i dindt get nitro

     

    -3
  • Michael Harley

    As to why did they drop this feature, it is to grant more Accessibility.

    The solution is pretty simple, by default make it wrapped. Developers can just add more text like ```no-wrap to create a horizontally scrolled posting.

    I don't know why Discord didn't implement this, and it's already been requested for more than 4 years.

    2
  • Ruth Arendse

    It appears that my comments regarding "Sassa Status Check" are being replicated by others solely for the purpose of sharing the link. Originality is valued, and I encourage genuine engagement rather than duplicating content for external Sassa links.

    0
  • Ruth Arendse

    Many individuals in South Africa often turn to the SASSA Status Check to monitor their application progress. Whether it's a general SASSA Status or a more specific query like the SASSA Status Check for R350 grants, people rely heavily on these updates. Moreover, for those who face challenges or discrepancies, the SASSA Appeal process becomes crucial. It's essential to stay informed, especially when dealing with financial assistance. The intricacies of SDR SASSA and the various nuances of SASSA SRD further emphasize the importance of understanding and navigating the system effectively.

    0

Please sign in to leave a comment.