search

uiwjs / react-md-editor

A simple markdown editor with preview, implemented with React.js and TypeScript.
https://uiwjs.github.io/react-md-editor
MIT License
2.17k stars 157 forks source link

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

Closed faisalamin9696 closed 1 year ago

faisalamin9696 commented 1 year ago

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;

image

image

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

rizkianakbar commented 1 year ago

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

jaywcjlove commented 1 year ago
image

@faisalamin9696 @rizkianakbar

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

https://github.com/uiwjs/react-md-editor/blob/7c85886389e7e94b6555ee8a05a0080e7528438c/core/src/components/TextArea/index.less#L19