Skip to main content

Enhance Code Editor UX: Make Horizontal Scroll Bar Always Visible

Feature Request

Description: Currently, in the code editor, the horizontal scroll bar only becomes visible when the cursor is at the bottom of a line. This makes code navigation less intuitive and can be frustrating when trying to read long lines of code. Could we modify the editor to make the horizontal scroll bar permanently visible?

Expected behavior:

  • Horizontal scroll bar should be always visible when code content exceeds the viewport width

  • No need to move cursor to bottom of line to see/use the scroll bar

  • Consistent with standard code editor behavior (like VS Code, Sublime Text)

This would improve the overall user experience and make code navigation more efficient.

Current behavior shown in the attached screenshot where horizontal scroll bar only appears when hovering at the bottom of code lines.

Status: Closed7 comments

Log in to comment and vote

Comments7

  • Tan Peach

    Seconding this.

    Another option might be to let us resize the output box. On my 1440p monitor, there’s a lot of space between the sidebar and the output that could be wider. In fact, there’s no reason for me to have the sidebar minimized as it doesn’t gain me anything by having it closed.

  • Mark Florkowski

    Team

    I think this depends on your browser/OS

    persistent for me on Chrome on MacOS:

    • Blue Goose

      I'm also using Mac & Chrome. This is a huge codebase, and while viewing the middle section of the code, I cannot see the horizontal scrollbar.

      • Mark Florkowski

        Team

        oh, because the top and bottom of the codeblock are off screen, got it.

        Will think on this

        • Blue Goose

          Thank you!