CKEditor链接弹窗无法输入问题求助（Laravel/Vuetify栈）

技术栈：Laravel / Vuetify

我在Vuetify的浮层对话框组件里使用CKEditor时遇到了异常：点击CKEditor工具栏的链接图标，弹出的链接设置窗口输入框无法获取焦点，反而会选中浮层内的第一个输入框。后来我移除了浮层中除CKEditor外的所有输入框，再次点击链接图标时，焦点又跑到了文本样式下拉框上。

但在非浮层的父组件中测试CKEditor时，链接弹窗的输入框可以正常获取焦点。最初以为是z-index的问题，但无论怎么调整弹窗的z-index值，问题都没有解决。

模板代码 #

<v-row>
  <v-col cols="12" class="font-weight-bold">
     URL Description 1:
  </v-col>
  <v-col cols="12">
    <ckeditor 
      :editor="editor" 
      v-model="pages.component.options.url_1_description" 
      :config="editorConfig" 
      style="height:250px"
    ></ckeditor>
  </v-col>
</v-row>

脚本代码 #

import ClassicEditor from "@ckeditor/ckeditor5-build-classic";

export default {
  components: { ClassicEditor },
  data() {
    return {
      editor: ClassicEditor,
      editorConfig: {},
    };
  },
};

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