search

ckeditor / ckeditor5-vue

Official CKEditor 5 Vue.js component.
https://ckeditor.com/ckeditor-5
Other
345 stars 76 forks source link

ck-block-toolbar-button doesn't work well when in a pop-ups #184

Open hdtopku opened 3 years ago

hdtopku commented 3 years ago

image image ck-block-toolbar-button works well when editor in a page, but it doesn't work well when in a pop-ups. I tried to set 'position: relative; z-index: 10000', but no use. The button sees under the pop-ups, how to solve this problem?

iissy commented 2 years ago

i have the same problem on bootstrapVue/modals.

hdtopku commented 2 years ago

z-index设置大一点就可以解决

.ck.ck-block-toolbar-button {
    z-index: 999999 !important;
}
iissy commented 2 years ago

Link

2 questions

  1. Link button under bootstrapVue/modals. I try to change style, it work. .ck.ck-balloon-panel, .ck.ck-balloon-panel * { z-index: 1041 !important; }

  2. Link button, Cannot enter url address in input box on bootstrapVue/modals.

zymotik commented 3 months ago

Oh wow, a problem since 2021! Looks like there is no hope for a fix. @mikebrandl

zymotik commented 3 months ago

Some fixes suggested for other frameworks on this issue: https://github.com/ckeditor/ckeditor5-vue/issues/262#issuecomment-1783054790

hdtopku commented 3 months ago

Some fixes suggested for other frameworks on this issue: #262 (comment)

It works like this

.ck.ck-block-toolbar-button {
    z-index: 999999 !important;
}
mikebrandl commented 3 months ago

Not with Vuetify @hdtopku sadly.