Skip to content

Note tile content should fill tile width — tables wrap and code blocks scroll even on wide tiles #134

Description

@vincentortegajr

First — genuinely love what you built. The infinite canvas + agents concept is exactly right, and the execution is great. Appreciate the work.

The core problem
Note tile content has a fixed max-width that doesn't respond to the tile's actual width on the canvas. No matter how wide you drag the tile, the content stops expanding at a certain point. This breaks what makes the canvas powerful.

Two visible symptoms of the same issue:

  • Markdown tables — word-wrap inside cells instead of going wide
  • Code blocks — need a horizontal scrollbar instead of just rendering wide

What the canvas should enable
If I drag a note tile to 1200px wide, I should be able to see a wide table as one clean row per entry — no wrapping, no scrollbar. The spatial flexibility of the canvas is the whole point. Content should follow the tile, not cap out at a fixed width.

Same goes for the full-screen viewer — clicking a file open should allow wide content too, not constrain it to a reading-width column.

Expected behavior
Note tile content width = tile width.
Tables go wide. Code blocks go wide. No horizontal scrollbars needed.
The user controls width by resizing the tile — that's the canvas UX contract.

Technical note (dug into the bundle)
The BlockNote editor has padding-inline: 54px but no hard max-width at the editor level. The constraint is likely on the container that wraps it inside the viewer webview. Removing or making that max-width responsive to the webview width should be the fix.


Genuinely — this is the tool I've been dreaming about since 2020. Terminals, files, and agents all on an infinite canvas where you can spatially arrange your thinking? Nobody had built it right until now. The fact that it exists and works this well already in alpha is wild.

Thank you for building it. Keep going. 🤝

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions