Skip to content

Toolbar placement shifts unexpectedly on text alignment change #1569

Closed
@FatefulNur

Description

@FatefulNur

Describe the bug
When changing the alignment of a text block (e.g., left, center, right), the floating toolbar shifts its position in a jarring way. This behavior makes the experience feel inconsistent compared to how smooth it is when aligning images, which do not trigger the same issue.

To Reproduce
Steps to reproduce the behavior:
Go to the editor of blocknote: https://www.blocknotejs.org/

  • Type some text into the BlockNote editor.
  • Select the text.
  • Change its alignment using the toolbar (e.g., click "Right").
  • Observe the toolbar "jumping" or misplacing itself.

Misc

  • Node version: 22.13.0
  • Package manager: npm-10.9.2
  • Browser: Firefox-136.0.1 (64-bit)
  • I'm a sponsor and would appreciate if you could look into this sooner than later 💖

Video of the issue

alignment-issue.webm

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions