What’s broken?
When you render the shadcn editor with
.bn-container {
position: relative;
}
to prevent floating elements escaping their parent, the drag handle menu often renders in an incorrect position and gets clipped by the side of the container
This can be seen in the shadcn example in the documentation
https://www.blocknotejs.org/examples/basic/shadcn
What did you expect to happen?
The drag handle menu is not clipped
Steps to reproduce
- Go to https://www.blocknotejs.org/examples/basic/shadcn
- Click on the drag handle button in the example to trigger the menu
- Observe that the drag handle menu is clipped
BlockNote version
latest
Environment
chrome latest, safari latest, mac OS tahoe
Additional context
No response
Contribution
Sponsor
What’s broken?
When you render the shadcn editor with
to prevent floating elements escaping their parent, the drag handle menu often renders in an incorrect position and gets clipped by the side of the container
This can be seen in the shadcn example in the documentation
https://www.blocknotejs.org/examples/basic/shadcn
What did you expect to happen?
The drag handle menu is not clipped
Steps to reproduce
BlockNote version
latest
Environment
chrome latest, safari latest, mac OS tahoe
Additional context
No response
Contribution
Sponsor