[Bug]: Code Mark not working as WYSIWYG

[cuserdzy]

Which packages did you experience the bug in?

extension-code, react

What Tiptap version are you using?

2.3.0

What’s the bug you are facing?

The code mark didn't shows as WYSIWYG whatever I type `` or anything random string inside it for example random:

The only works way is using shortcut command+E (on my mac), but even with the shortcut, the result is not as expected, for example the code mark works if I press command+E and then type, but not works if I press command+E then then paste. In the later situation, the code mark seems to be overwritten by the paste content.

So there are two problems:

1. The single backtick doesn't work as WYSIWYG like triple backticks(code block).
2. I hope the editor can show backticks if focus on code mark or code block, like Obisidian, it help me understand where my cursor is. I'm not sure whether this is a bug or feature request, but I have no idea how to solve this. It would be helpful if you can give some directions :)

What browser are you using?

Chrome

Code example

https://codesandbox.io/p/devbox/wlwqtv?file=%2Fsrc%2FApp.jsx%3A17%2C95

What did you expect to happen?

After type single backticks or triple backticks, could show like below:

The backticks will hide if lost focus:

Anything to add? (optional)

No response

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. 💖