Skip to content

Drag-and-drop columns & horizontally expanding canvas #500

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
flashtheman opened this issue May 4, 2025 · 3 comments
Open

Drag-and-drop columns & horizontally expanding canvas #500

flashtheman opened this issue May 4, 2025 · 3 comments

Comments

@flashtheman
Copy link

Context

  • Yoopta‑Editor shows a fixed document width (≈700px)
  • Dragging a block to the right of another in the demo only reorders vertically. There's an open feature request [FEATURE] Add possibility to render columns #196 (“Add possibility to render columns”).

Questions / Feature request

  1. Drag‑and‑drop to create columns: Is there any (even experimental) way to translate a horizontal drag‑and‑drop gesture into a new column layout, or is [FEATURE] Add possibility to render columns #196 the single tracking issue?

  2. Horizontally expanding canvas

    • Beyond the fixed page width, is it possible (or planned) to let the document grow to the right, similar to how it grows downward?
    • Desired behavior: each block occupies the space its content or a fixed width requires; the editor scrolls horizontally as needed, allowing multi‑column flows without predefined page width.

Why this matters

  • Some UIs need side‑by‑side blocks whose width is content‑driven rather than grid‑defined.
  • Removing the hard page edge lets users lay out dashboards, forms, or design canvases more naturally.

Summary of questios

  • Confirmation that no hidden workaround exists today.
  • High‑level guidance (or roadmap) for both column creation and horizontally infinite canvas.

Thanks!

@Darginec05
Copy link
Collaborator

Related #462

@flashtheman
Copy link
Author

flashtheman commented May 6, 2025

Here's a good UX example regarding the drag-and-drop column feature: https://www.blocknotejs.org/examples/basic/multi-column. The horizontal expanding feature is not implemented there either.

They implement it as a plugin.

@af-01
Copy link

af-01 commented May 8, 2025

Maybe you can solve this with a plugin that is so to say a separate editor.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants