fix: hoverbar misalignment when scroll is set to false

#53
wangeditor-next · Jul 21, 2024 · 7761c86 · 7761c86
1 parent d0ed194
commit 7761c86
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/core/src/assets/textarea.less b/packages/core/src/assets/textarea.less
@@ -7,6 +7,11 @@
   height: 100%;
 }
 
+.no-scroll {
+  position: absolute;
+  width: 100%;
+}
+
 .w-e-text-container .w-e-scroll {
   height: 100%;
   // overflow-y: auto; // 在 js 中设置，根据 config 判断是否增加 scroll

diff --git a/packages/core/src/text-area/TextArea.ts b/packages/core/src/text-area/TextArea.ts
@@ -69,10 +69,15 @@ class TextArea {
       editor.on('change', this.changeViewState.bind(this))
 
       // editor onchange 时触发用户配置的 onChange （需要在 changeViewState 后执行）
-      const { onChange } = editor.getConfig()
+      const { onChange, scroll } = editor.getConfig()
       if (onChange) {
         editor.on('change', () => onChange(editor))
       }
+      // scroll: false时，容器height: 100%不生效，样式设置，避免悬浮框位置出现错位问题
+      if (!scroll) {
+        $box.css('position', 'relative')
+        $container.addClass('no-scroll')
+      }
 
       // 监听 onfocus onblur
       this.onFocusAndOnBlur()