All of my.ck-dropdown__panel will be obscured by images in the edit area

[lnmd]

📝 Ask a question

All of my.ck-dropdown__panel will be obscured by images in the edit area

What is your question? Please be as specific as possible to help us understand it. Here is my configuration code for editor import { DecoupledEditor as DecoupledEditorBase } from '@ckeditor/ckeditor5-editor-decoupled'; import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/zh-cn'; // 中文包 import { Essentials } from '@ckeditor/ckeditor5-essentials'; import { Alignment } from '@ckeditor/ckeditor5-alignment'; import { Bold, Italic, Strikethrough, Underline } from '@ckeditor/ckeditor5-basic-styles'; import { Paragraph } from '@ckeditor/ckeditor5-paragraph'; import { Heading } from '@ckeditor/ckeditor5-heading'; import { Image, ImageCaption, ImageResize, ImageStyle, ImageToolbar, ImageUpload, PictureEditing } from '@ckeditor/ckeditor5-image'; import { FontSize, FontFamily, FontColor, FontBackgroundColor } from '@ckeditor/ckeditor5-font'; import { Indent, IndentBlock } from '@ckeditor/ckeditor5-indent'; import { BlockQuote } from '@ckeditor/ckeditor5-block-quote'; import { Link } from '@ckeditor/ckeditor5-link'; import { List, ListProperties } from '@ckeditor/ckeditor5-list'; import '@ckeditor/ckeditor5-theme-lark/theme/index.css';

export default class DecoupledEditor extends DecoupledEditorBase { public static override builtinPlugins = [ Essentials, Alignment, Bold, Italic, Strikethrough, Underline, BlockQuote, Paragraph, Heading, Image, ImageCaption, ImageResize, ImageStyle, ImageToolbar, ImageUpload, PictureEditing, FontSize, FontFamily, FontColor, FontBackgroundColor, Indent, IndentBlock, Link, List, ListProperties, ]

public static override defaultConfig = { image: { resizeUnit: 'px' as const, toolbar: [ 'imageStyle:alignLeft', 'imageStyle:alignCenter', 'imageStyle:alignRight', 'toggleImageCaption', ], }, language: 'zh-cn', toolbar: { items: [ 'heading', '|', 'fontfamily', 'fontsize', 'fontColor', 'fontBackgroundColor', '|', 'bold', 'italic', 'underline', 'strikethrough', '|', 'alignment', // '|', 'bulletedList', 'numberedList', '|', 'outdent', 'indent', 'link', 'blockQuote', 'uploadImage', 'undo', 'redo', ], }, } } I don't know if it's because I didn't introduce some CSS files

[lnmd]

`import { DecoupledEditor as DecoupledEditorBase } from '@ckeditor/ckeditor5-editor-decoupled'; import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/zh-cn'; // 中文包 import { Essentials } from '@ckeditor/ckeditor5-essentials'; import { Alignment } from '@ckeditor/ckeditor5-alignment'; import { Bold, Italic, Strikethrough, Underline } from '@ckeditor/ckeditor5-basic-styles'; import { Paragraph } from '@ckeditor/ckeditor5-paragraph'; import { Heading } from '@ckeditor/ckeditor5-heading'; import { Image, ImageCaption, ImageResize, ImageStyle, ImageToolbar, ImageUpload, PictureEditing } from '@ckeditor/ckeditor5-image'; import { FontSize, FontFamily, FontColor, FontBackgroundColor } from '@ckeditor/ckeditor5-font'; import { Indent, IndentBlock } from '@ckeditor/ckeditor5-indent'; import { BlockQuote } from '@ckeditor/ckeditor5-block-quote'; import { Link } from '@ckeditor/ckeditor5-link'; import { List, ListProperties } from '@ckeditor/ckeditor5-list'; import '@ckeditor/ckeditor5-theme-lark/theme/index.css';

export default class DecoupledEditor extends DecoupledEditorBase { public static override builtinPlugins = [ Essentials, Alignment, Bold, Italic, Strikethrough, Underline, BlockQuote, Paragraph, Heading, Image, ImageCaption, ImageResize, ImageStyle, ImageToolbar, ImageUpload, PictureEditing, FontSize, FontFamily, FontColor, FontBackgroundColor, Indent, IndentBlock, Link, List, ListProperties, ]

public static override defaultConfig = { image: { resizeUnit: 'px' as const, toolbar: [ 'imageStyle:alignLeft', 'imageStyle:alignCenter', 'imageStyle:alignRight', 'toggleImageCaption', ], }, language: 'zh-cn', toolbar: { items: [ 'heading', '|', 'fontfamily', 'fontsize', 'fontColor', 'fontBackgroundColor', '|', 'bold', 'italic', 'underline', 'strikethrough', '|', 'alignment', // '|', 'bulletedList', 'numberedList', '|', 'outdent', 'indent', 'link', 'blockQuote', 'uploadImage', 'undo', 'redo', ], }, } }`

[Witoso]

If this is not reproducible on our samples and demos, I assume this may be some CSS on your implementation side. Please check it or provide some minimal reproducible sample for us.

[CKEditorBot]

The issue lacks the feedback we asked for two weeks. Hence, we've marked it as stale and will close it in 30 days. We understand it may still be relevant, so if you're interested in the solution, leave a comment or reaction under this issue.

[CKEditorBot]

We've closed your issue due to inactivity. We understand that the issue may still be relevant. If so, feel free to open a new one (and link this issue to it).