ckeditor5-vue icon indicating copy to clipboard operation
ckeditor5-vue copied to clipboard

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

Open hdtopku opened this issue 3 years ago • 7 comments

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?

hdtopku avatar Apr 24 '21 15:04 hdtopku

i have the same problem on bootstrapVue/modals.

iissy avatar Aug 24 '21 02:08 iissy

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

.ck.ck-block-toolbar-button {
	z-index: 999999 !important;
}

hdtopku avatar Aug 25 '21 08:08 hdtopku

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.

iissy avatar Aug 27 '21 10:08 iissy

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

zymotik avatar Apr 04 '24 09:04 zymotik

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

zymotik avatar Apr 04 '24 10:04 zymotik

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

It works like this

.ck.ck-block-toolbar-button {
	z-index: 999999 !important;
}

hdtopku avatar Apr 04 '24 10:04 hdtopku

Not with Vuetify @hdtopku sadly.

mikebrandl avatar Apr 04 '24 12:04 mikebrandl