Skip to content

Toolbar placement shifts unexpectedly on text alignment change #1569

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

Closed
1 task
FatefulNur opened this issue Mar 27, 2025 · 0 comments · Fixed by #1630
Closed
1 task

Toolbar placement shifts unexpectedly on text alignment change #1569

FatefulNur opened this issue Mar 27, 2025 · 0 comments · Fixed by #1630
Labels
bug Something isn't working

Comments

@FatefulNur
Copy link

FatefulNur commented Mar 27, 2025

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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant