Repository navigation
Empty toggle list doesn't allow drag and drop #2109
Description
Describe the bug
When you create a toggle list it's empty.
You need to open it and click to create block inside it.
Only after you can drag and drop blocks inside it.
To Reproduce
Tested on the blocknote website. See screen capture bellow.
Capture.video.du.15-10-2025.17.08.10.webm
Misc
- Node version:
- Package manager:
- Browser:
- I'm a sponsor and would appreciate if you could look into this sooner than later 💖
Activity
woutervroege commentedon Feb 5, 2026
referencing #2419 (comment)
andrictham commentedon May 2, 2026
Other related issue:
If you’re on a toggleable block (whether a toggle list or a toggle heading), then you can’t press the down arrow anymore.
Nothing happens when you do that; the cursor is stuck.
I managed to write a custom extension that triggers on the down arrow to do the same thing that the click handler does when you click on the empty block (create a new empty block then move the cursor into it), but this should be default behavior.
The fact that this empty toggle block is a block in appearance but not in behavior is the root of the issue here. You can’t move your cursor into it or drop blocks into it. This breaks the user’s expectations.
fix(core): replace ToggleWrapper with a decoration-based Collapsible …