CKEditor如何将按钮控件后置，让用户列表搜索结果显示在顶层

解决方案 #

该问题是不同控件的层级优先级冲突导致的，任选以下一种方案即可解决：

1. 调高用户搜索下拉列表层级
   找到用户列表控件对应的CSS类，添加如下样式：

/* 将类名替换为你实际的用户下拉列表DOM类名 */
.user-select-dropdown {
    position: relative;
    z-index: 9999 !important;
}

如果配置后不生效，检查下拉列表的所有父级元素：不要设置overflow: hidden、overflow: auto这类截断属性，同时父元素要设置非static的定位属性（比如relative、absolute都可以），否则z-index配置不会生效。

2. 调低CKEditor控件层级
   找到CKEditor工具栏按钮对应的CSS类，添加样式直接降低其层级：

/* 将类名替换为你实际的CKEditor工具栏DOM类名 */
.ckeditor-toolbar {
    z-index: 100 !important;
}

3. 通过CKEditor初始化配置修改层级
   如果使用的是CKEditor 5，初始化时直接配置UI层级即可：

ClassicEditor
    .create( document.querySelector('#MemoValue'), {
        ui: {
            zIndex: 100 // 数值低于用户下拉列表的z-index即可
        }
    } )
    .catch(error => {
        console.error(error);
    });

如果使用的是CKEditor 4，在初始化配置中添加以下参数即可：

CKEDITOR.config.baseFloatZIndex = 100;

内容的提问来源于stack exchange，提问作者gymcode