the edit cursor is in the wrong position

[dattran1232003]

After I change font family (in somewhere I don't remember), I got this UI's error:

It only happens on the title (and other lines has special characters in begin of line), on normal lines it's doesn't happen. the edit cursor does not move to the end of the line, no matter whether I press the end of a line or use the arrow keys, it is there.

I'm found a way to fix, add some css (scss in my case) to change font family of "span.token.title.important" and "span.token.title.important .token.punctuation" like this:

// scss
span.token.title.important {
  font-family: inherit;
  .token.punctuation {
    font-family: inherit;
  }
}

// css
span.token.title.important {
      font-family: inherit;
}
  span.token.title.important .token.punctuation {
    font-family: inherit;
  }

"span.token.title.important" and ".token.punctuation" took font-family css from its parent and problem has been fix:

[jaywcjlove]

There is a conflict of fonts family in your project? @dattran1232003 I tested it and did not encounter your situation.