cherry-markdown 全屏后编辑区和预览区中间的分隔条拖拽点错位

当开启预览区时，中间的分隔条拖拽触发点正常。但是全屏后，中间的分隔条拖拽点会有错位（分隔条位置并不能拖拽）版本：v0.8.20

Jun 02 '23 04:06 veitool

https://tencent.github.io/cherry-markdown/examples/multiple.html 你指的是这条线吗？没有发现错位哎？

Jun 02 '23 06:06 RSS1102

@RSS1102

Jun 02 '23 06:06 veitool

https://tencent.github.io/cherry-markdown/examples/multiple.html

刚测试了下你们官方演示，似乎全屏后，分隔栏好像不能拖动改变区域大小

Jun 02 '23 06:06 veitool

您看下这个呢？https://tencent.github.io/cherry-markdown/examples/index.html 好像也没有发现出问题？。。

Jun 02 '23 06:06 RSS1102

您看下这个呢？https://tencent.github.io/cherry-markdown/examples/index.html 好像也没有发现出问题？。。

刚我发GIF图的时候，忘点击回复了，您看下我上面发的gif动画图应该就明白了。您刚发的这个演示是全屏和普通屏一样的尺寸，所以不会出现错位。

Jun 02 '23 06:06 veitool

您看下这个呢？https://tencent.github.io/cherry-markdown/examples/index.html 好像也没有发现出问题？。。

刚我发GIF图的时候，忘点击回复了，您看下我上面发的gif动画图应该就明白了。您刚发的这个演示是全屏和普通屏一样的尺寸，所以不会出现错位。

稍等我改一下试试。

Jun 02 '23 06:06 RSS1102

复现问题了：当进行全屏之后，分割线被移动，但是选中点依然在之前的那个位置。会尽快修复一下的，谢谢。

Jun 02 '23 07:06 RSS1102

复现问题了：当进行全屏之后，分割线被移动，但是选中点依然在之前的那个位置。会尽快修复一下的，谢谢。

好的。

Jun 02 '23 07:06 veitool

复现问题了：当进行全屏之后，分割线被移动，但是选中点依然在之前的那个位置。会尽快修复一下的，谢谢。

请问分割线的移动是不是只被mouseup事件所触发？他这里面的调用逻辑可以向您询问一下吗？

Jul 04 '23 01:07 Victor-kawai

请问分割线的移动是不是只被mouseup事件所触发？他这里面的调用逻辑可以向您询问一下吗？

可以通过以下方式修改编辑区和预览区的宽度哈：cherry.previewer.setRealLayout('60%', '40%')，其中60%是左侧编辑区的宽度占比，40%是右侧预览区的宽度占比

Aug 01 '23 08:08 sunsonliu

我也遇到同样的问题，我的问题是光标错位，中间分割线可拖拽的位置也错位。我已经排查出了原因，原因就是编辑器组件整体不支持resize事件的响应举一个场景：在Dialog框组件中使用编辑器，那么Dialog框在显示完成后，编辑器组件中的光标就错位了，这个Dialog展示的时候有Zoom动画，究其原因就是Zoom动画还没结束，编辑器可能已经渲染完毕了，在渲染的过程中肯定读取了相关Dom的尺寸属性，但是在动画过程中，Dom一直是从小到大一直变化的，也就是说编辑器渲染的过程中读取到了动画某个时间点Dom的尺寸信息，这个尺寸肯定是不对的（被缩小的），故在动画结束后也即Dialog框完全显示后编辑器光标错位，中间可拓展分割线的可拖拽点错位

解决办法，我觉得编辑器内部应该监听尺寸变化，从而重新获取相关Dom的尺寸进而重新渲染编辑器相关内容