Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

el-tiptap-menu-bubble is override by el-table header (updated) #219

Closed
Loong1992 opened this issue Sep 8, 2020 · 1 comment
Closed

el-tiptap-menu-bubble is override by el-table header (updated) #219

Loong1992 opened this issue Sep 8, 2020 · 1 comment

Comments

@Loong1992
Copy link

Loong1992 commented Sep 8, 2020

#118 seems to have encountered a similar problem before and it seems to be solved. But for my case, my bubble-menu is still covered. Is there any way to make menu-bubble always on top of el-table?

Environment
Windows 10 Pro
Google Chrome Version 85.0.4183.83 (Official Build) (64-bit)
"vue": "2.6.10",
"element-tiptap": "^1.26.2",
"element-ui": "^2.13.2",

overriede

This is my codesandbox.io, you can test it from here.

Your help is greatly appreciated, thank you very much.

@Loong1992 Loong1992 changed the title el-tiptap-menu-bubble is override by el-table header el-tiptap-menu-bubble is override by el-table header label:"help wanted" Sep 8, 2020
@Loong1992 Loong1992 changed the title el-tiptap-menu-bubble is override by el-table header label:"help wanted" el-tiptap-menu-bubble is override by el-table header help wanted" Sep 8, 2020
@Loong1992 Loong1992 changed the title el-tiptap-menu-bubble is override by el-table header help wanted" el-tiptap-menu-bubble is override by el-table header Sep 8, 2020
@Loong1992 Loong1992 reopened this Sep 8, 2020
@Loong1992 Loong1992 changed the title el-tiptap-menu-bubble is override by el-table header el-tiptap-menu-bubble is override by el-table header (updated) Sep 8, 2020
@Loong1992 Loong1992 changed the title el-tiptap-menu-bubble is override by el-table header (updated) el-tiptap-menu-bubble is override by el-table header (sandbox updated->fixed missing modules) Sep 8, 2020
@Loong1992 Loong1992 changed the title el-tiptap-menu-bubble is override by el-table header (sandbox updated->fixed missing modules) el-tiptap-menu-bubble is override by el-table header (updated) Sep 8, 2020
@Loong1992
Copy link
Author

I end up solved the problem by adding scope CSS with the following code.

::v-deep .el-table .cell, ::v-deep .el-table__body-wrapper  {
  overflow:visible;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant