Double carets when using \class

[kugry-repo]

Let’s say I have the LaTeX expression: 1+\class{highlight}{2}+3

And I put the caret after the 2, it gets rendered as this:

Now, if I move the caret by pressing the left arrow key, it gets rendered as this:

In this caret position, I can't backspace, and the error sound is played.

so i need to press the left arrow key one more time to get to this:

while at the right of the 2, there isn't a double caret, but I have to press the right arrow key twice to move the caret.

Also, the wrapped area of the CSS isn't balanced, because the spacer is being included.

Here is a Codepen illustrating the bug.
https://codepen.io/fytdapru-the-bold/pen/XJdarKN

I already opened an issue like this before, and because English isn't my primary language, I said the cursor instead of saying the caret, hence the mix-up.

[MikaelWolfe]

I also would like to add that there are 2 carets appearing at the same time if you are in a multiline environment, open the mathfield for the first time (you can refresh to simulate the new mathfield) and add a row with something like shift + enter

https://github.com/user-attachments/assets/3b5463b4-f8ce-428b-bc7a-fb440b8918d7