Programmable Visibility for Format Toolbar

[laflechaenelaire]

Currently, there is no way to control the visibility state of the format toolbar in Blocknotejs. This becomes a problem in situations where we have a custom formatting toolbar with a button, which, when clicked, displays a control component that needs to have focus on an input or a textarea, or the new component no longer needs the toolbar to be present for UI/UX reasons

I would like for Blocknotejs to offer an option to programmatically control the visibility of the format toolbar.

Here, I present a use case in which I have a custom formatting toolbar, with an AI-style button, similar to Notion. It can be seen how the custom formatting tool blocks the command component.

2024-04-02_02-09-22.mp4

In this case, it would be appropriate to hide the custom formatting toolbar once the AI button has been clicked and the command component rendered.

[YousefED]

Makes sense! Awesome work on the editor btw, would love to learn more about what you're building.

I hope to look into this, thanks for reporting

[devmalcolm]

Hi, i've been encoutering the same issue with a same approach. Using a popup such as AI-Notion style or whatever makes the toolbar very annoying, i found some workaround, by tweaking the CSS styles of the toolbar but it might not be the best way to do that, i would love to have a function to direcly toggle / display the toolbar does it still in WIP ?