fix: resolve the issue of the bubble menu being obscured (#5246)

#### What type of PR is this?

/kind bug
/area console
/area editor

#### What this PR does / why we need it:

将默认编辑器的父级容器移除。用于解决冒泡菜单被遮挡的问题。
由于修改后默认编辑器自身可滚动,因此可以使默认编辑器容器内的绝对定位元素获取到当前滚动的位置。

#### How to test it?

输入超过一屏宽度的内容,按 `MOD + A` 全选,查看冒泡菜单是否被顶部菜单遮挡。

#### Which issue(s) this PR fixes:

Fixes #4869

#### Does this PR introduce a user-facing change?
```release-note
解决冒泡菜单会被顶部工具栏遮挡的问题
```
pull/5250/head
Takagi 2024-01-25 12:00:13 +08:00 committed by GitHub
parent 138af65d0c
commit cecdb3f9ef
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 8 deletions

View File

@ -36,14 +36,12 @@ watch(
<div v-if="editor" class="halo-rich-text-editor">
<editor-bubble-menu :editor="editor" />
<editor-header :editor="editor" />
<div class="h-full flex flex-row w-full">
<div class="overflow-y-auto overflow-x-hidden flex-1 relative bg-white">
<editor-content
:editor="editor"
:style="contentStyles"
class="editor-content markdown-body"
/>
</div>
<div class="h-full flex flex-row w-full overflow-hidden">
<editor-content
:editor="editor"
:style="contentStyles"
class="editor-content markdown-body flex-1 relative bg-white overflow-y-auto"
/>
<div
v-if="$slots.extra"
class="h-full hidden sm:!block w-72 flex-shrink-0"