imzbf / md-editor-v3

Markdown editor for vue3, developed in jsx and typescript, dark theme、beautify content by prettier、render articles directly、paste or clip the picture and upload it...
https://imzbf.github.io/md-editor-v3
MIT License
1.51k stars 144 forks source link

编辑器大纲锚点跳转异常 #634

Closed bintheext closed 3 weeks ago

bintheext commented 1 month ago

描述这个Bug

点击目录锚点后,预览区能正常滚动,编辑区也能滚动,但是在最后,会出现一次不合理的滚动,使得编辑器始终无法对齐

https://github.com/user-attachments/assets/939d5ce9-358f-4767-95ef-03ecd341772d

图片

版本号

4.18.1

问题重现链接

官网示例可以复现 https://imzbf.github.io/md-editor-v3/en-US/index

imzbf commented 1 month ago

最后那次跳动我还没有还原,你这边用的啥浏览器?

bintheext commented 1 month ago

最后那次跳动我还没有还原,你这边用的啥浏览器?

需要点击大纲的标题才会出现这个问题,点预览区是没问题的 mac os系统下的火狐浏览器和谷歌浏览器都会有这个现象;包括安卓手机浏览器在桌面模式下操作,也能复现

补充:应该是滚动同步算法的问题,跟目录大纲无关,点击预览的锚点也会出现编辑器对不齐问题

https://github.com/user-attachments/assets/8dd5cc67-3baa-48b0-a6cb-73f178505cc8

bintheext commented 1 month ago

使用4.19.0-3,问题变化了,变成了第一个标题仍然对不齐,其他标题可以对齐

https://github.com/user-attachments/assets/3895b70d-00b0-4008-8d7b-bb0436fc3b3f

imzbf commented 3 weeks ago

我在4.19.0-6中重构了定位的逻辑,现在应该可以准确的定位了

bintheext commented 3 weeks ago

我在4.19.0-6中重构了定位的逻辑,现在应该可以准确的定位了

是的,完美