Text, cursor and selection not aligned

[ajboni]

I get this behaviour in latest "@uiw/react-md-editor": "^3.20.7", seems similar to other cursor issues

Using electron 24 which is chromium based

[jaywcjlove]

@ajboni Usually, this is caused by a conflict of styles.

You can reproduce your error using https://codesandbox.io and I can help you to have a look.

[ajboni]

Thanks, very difficult to reproduce in codesandbox... any hint on what style could be causing such behaviour?

[podotki]

Hello, I encounter this problem too. Any idea on how to fix this please ?

Edit: @ajboni I just found the styles conflict. I had different font-size on my own textarea and the lib textarea font-size. Putting both textarea font-size the same fixed the problem.

Cheers !

[jaywcjlove]

• https://github.com/uiwjs/react-md-editor/issues/566#issuecomment-1684722412

[sito8943]

I think that is a font family problem

in my global css I added this 👇👇

.w-md-editor-text-pre,
.w-md-editor-text-input,
.w-md-editor-text > .w-md-editor-text-pre {
  font-family: inherit !important;
}