Repository navigation
Unable to programmatically select a single inline element #2864
Description
Activity
Thanks Judith, we'll look into this
Hi @judithroth, unfortunately the ProseMirror API is the only way to set selections at a more granular level than blocks. Having this functionality within the BlockNote API is on our roadmap, and we started investigating a possible implementation in #2044, but I'm afraid I don't have a concrete timeline for when that's going to be available at the moment.
The way we handle the issue you're running into (i.e. setting a ProseMirror selection opening the formatting toolbar automatically) internally though is by dismissing it immediately after setting the selection. For example, when inserting an image block via the slash menu, the selection is set to wrap the inserted block which causes the formatting toolbar to open, but we immediately dismiss it. You can find the code for that here.
The way we handle the issue you're running into (i.e. setting a ProseMirror selection opening the formatting toolbar automatically) internally though is by dismissing it immediately after setting the selection. For example, when inserting an image block via the slash menu, the selection is set to wrap the inserted block which causes the formatting toolbar to open, but we immediately dismiss it. You can find the code for that here.
@matthewlipski could we add support for a
metaon the transaction to prevent the formatting toolbar to be opened at all? Or is this not possible? The dismiss works but is slightly hacky
What’s broken?
At OpenProject, we're building an extension to have custom work package links for the BlockNote editor.
However, currently the behaviour when clicking on such an inline link is broken:
It would be easy to solve both expectations, if we could select a single inline block. However, this is not possible at the moment via BlockNote, because it's not possible to select a single inline content.
Furthermore, when we force selection via ProseMirror, BlockNote opens a formatting toolbar. This toolbar does not make sense in our case, since you can't e.g. change font boldness or italics on our custom inline work package link.
What did you expect to happen?
What we need is:
editor.setSelectionSteps to reproduce
editor.setSelectionon a single inline elementBlockNote version
0.51.3
Environment
No response
Additional context
We would like to solve this in a clean way 🙂 At the moment we're exploring the following options:
If you see other good ways to solve our problem, we're happy about suggestions!
Contribution
Sponsor