Skip to content

Does not behave as monospaced in GitHub file editor, markdown code blocks etc #379

Open

Description

@anentropic

We've all seen wonky ascii diagrams like this and assumed LLMs aren't counting the character columns correctly when generating them:

Image

That's partly true. But when I went to edit the diagram by hand I found that I couldn't make the lines align.

In fact if I navigate the cursor up and down across the lines it takes a zig-zag path!

This is not supposed to happen with a monospaced font!

The issue appears to be the "Monaspace Neon" font that GitHub are using is not behaving as monospaced. After editing the CSS to get an actual monospaced font the chars align in true columns and I was able to edit the diagram into shape. But unfortunately after saving it still renders as per the screenshot at the top - yes, that's the 'fixed' version as rendered in Monaspace Neon.

See this video:

Screen.Recording.2026-04-08.at.17.26.51.mov

Non-fixed-width columns seems like a serious flaw for something supposed to be a monospace font?

Activity

  1. anentropic commented on Apr 14, 2026

    @anentropic
    Author

    Here is the diagram from the video:

    ┌──────────────────────────────────────────────────────────────────┐
    │                        BUILD TIME                                │
    │                                                                  │
    │  ┌─────────────────┐     ┌──────────────────┐     ┌───────────┐  │
    │  │ dlt source      │────▶│ dlt-mwaa-build   │────▶│ dag.yaml  │  │
    │  │ (Python module) │     │ CLI              │     │           │  │
    │  └─────────────────┘     └──────────────────┘     └───────────┘  │
    │                                  │                               │
    │                                  ▼                               │
    │                          ┌──────────────┐                        │
    │                          │ Docker image │                        │
    │                          │ (ECR)        │                        │
    │                          └──────────────┘                        │
    └──────────────────────────────────────────────────────────────────┘
    
  2. heathercran commented on Apr 15, 2026

    @heathercran
    Collaborator

    What program are you seeing this issue in? I've tried pasting the text you supplied into VS Code and I'm not able to recreate the error.

    Image
  3. anentropic commented on Apr 16, 2026

    @anentropic
    Author

    Sorry if it wasn't clear, the issue is in GitHub website - in the file editor for code and also when rendering code-fenced markdown blocks in comments such as the one above, or in README pages etc.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions