Inline nodes and a text carriage

1

Hi, guys!

I have several inline nodes, it works well, but I have one problem with displaying the text carriage. And I see the same thing in one of the examples: https://prosemirror.net/examples/schema/

  1. In the beginning:

image
image750×190 6.48 KB

  1. Deleted the first line text before the first star:

image
image734×179 6.23 KB

  1. The text carriage behaves well:

image

  1. But not at the very beginning of the text element. For some reason, it’s visually higher here:

image

I saw it in different browsers. And in my project I have same problem. How do I fix it?
Btw, I don’t use prosemirror-gapcursor, I installed it now but It doesn’t change something

I’ll be happy for any help!

2

That tends to be called a cursor, not a carriage. But yes, that you’re seeing is the browser’s native cursor, and browsers are often somewhat dumb about drawing it around uneditable nodes. It sometimes helps to include some text (for example a zero-width space) at the sides of your widget.

3

Thanks for your reply!