Editor text overflow and result into not correct cursor position. Firefox v109.0

[faisalamin9696]

Hi, the text overflow from the defined height, and after scrolling it the cursor position gets some padding. As shown here

Issue occurred when I set
font-family: "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;

I am using the latest version of @uiw/react-md-editor": "^3.20.2"
react 18.2.0

[rizkianakbar]

Can someone help to solve this problem? I also experienced the same thing.

[jaywcjlove]

@faisalamin9696 @rizkianakbar

This is definitely a style conflict, overriding the default line height

react-md-editor/core/src/components/TextArea/index.less

Line 19 in 7c85886

line-height: 18px;