Node view selected prop doesn't get updated when node is selected

[Deckluhm]

What’s the bug you are facing?

I'm trying to use the node view selected prop (https://tiptap.dev/guide/node-views/vue#selected) but it doesn't get updated when the node is selected.

Which browser was this experienced in? Are any special extensions installed?

Firefox 103.0 on Ubuntu 22.04.

No special extensions, just @tiptap/starter-kit + a custom node view to show the issue.

How can we reproduce the bug on our side?

1. Open the CodeSandbox provided below
2. Click anywhere on the bold text (which is the custom node)
3. Text between parenthesis should change to "selected" but it's not the case

Can you provide a CodeSandbox?

https://codesandbox.io/s/tiptap-node-view-selected-prop-issue-yneccj

What did you expect to happen?

Node view selected prop value should be true if selection is at node position (as stated in the docs).

Anything to add? (optional)

This is the first time I'm using this prop so I don't know if it already worked and if it did, when it stopped working.

It's probably the same issue than #2819.

Did you update your dependencies?

• Yes, I’ve updated my dependencies to use the latest version of all packages.

Are you sponsoring us?

• Yes, I’m a sponsor. 💖

[lilingxi01]

I have also encountered it (on React), and I believe that #2819 is the same problem with this issue based on the demo.

[lilingxi01]

There is a temporary workaround: use Focus extension (https://tiptap.dev/api/extensions/focus) and some CSS selector trick to get the focus state.

[github-actions]

This issue is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 7 days

[Deckluhm]

This issue is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 7 days

Commenting because this is still an issue.

[github-actions]

This issue is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 7 days

[segevfiner]

It seems to only update when the node itself is selected as a NodeSelection and not when its a part of a TextSelection, this behavior seems to come from ProseMirror's NodeView.selectNode/deselectNode, and frankly, it's not very useful unless you really need to special case a NodeSelection... I guess listening for the selection and checking it's range yourself is currently needed. That or some extension that will add decorations that can be checked for.

[bdbch]

I added some functionality for updating the prop when the selection is around. Maybe this fixed the issue?

#4148

Which version were you using / Could you try the most recent 2.1.0-rc.* version?

[segevfiner]

@bdbch This seems only for React? I'm using Vue 3.

[ghost]

same issue, i m try make custom paragraph but i cant get paragraph props.selected with vue3