-
-
Notifications
You must be signed in to change notification settings - Fork 341
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
Using Custom DragHandleMenu and SideMenu at the same time but didn't show custom DragHandleMenu #688
Comments
Interesting. Could you add a stackblitz / codesandbox for this? |
https://stackblitz.com/edit/bn-custom-dhm-sm?file=src%2FApp.tsx |
The issue was that the DragHandleMenu had to be set on the DragHandleButton. A todo about this is noted here:
Here's a fix on the latest version of BlockNote: https://stackblitz.com/edit/bn-custom-dhm-sm-eirhtu?file=package.json,src%2FApp.tsx,src%2FRemoveBlockButton.tsx |
Describe the bug
I tried to use custom SideMenu and DragHandleMenu together, but the custom DragHandleMenu didn't show
To Reproduce
Just try to mix/use both example from docs that is custom SideMenu and custom DraghandleMenu
<BlockNoteView editor={editor} formattingToolbar={false} linkToolbar={false} imageToolbar={false} sideMenu={false} slashMenu={false} tableHandles={false}> <SideMenuController sideMenu={(props) => ( <SideMenu {...props} dragHandleMenu={(props) => ( <DragHandleMenu {...props}> <DragHandleMenuItem onClick={() => { editor.updateBlock(props.block, { type: 'paragraph' }); }}> Reset Type </DragHandleMenuItem> </DragHandleMenu> )}> <RemoveBlockButton {...props} /> <DragHandleButton {...props} /> </SideMenu> )} /> </BlockNoteView>
Misc
The text was updated successfully, but these errors were encountered: