在迁移到v21之后,HugeRTE的下拉菜单显示在Angular Material对话框的后方

前端开发 2026-07-10

我最近把我的项目从Angular 17迁移到了Angular 21。我在几个场景中遇到一个对话框(来自Angular Material)以及一个来自库 @hugerte/hugerte-angular的文本编辑器。迁移后,文本编辑器的格式化下拉菜单出现在对话框下方,因此无法点击它们。我尝试对不同元素设置不同的z-index,但都不起作用,而且我也没有看到有用的选项。

一个“极端”的修复是在我的 app.config.ts 上添加以下内容

{ 
      provide: OVERLAY_DEFAULT_CONFIG, 
      useValue: { usePopover: false } 
}

但这并不是一个很优雅的解决方案。

我已经创建了一个StackBlitz,用来展示我的用例,它是直接基于官方MatDialog组件的分支:https://stackblitz.com/edit/2uhccuct?file=src%2Fexample%2Fdialog-overview-example-dialog.html

如果需要,我可以提供更多相关信息。

解决方案

据这则 issue 所述,所谓的“极端”修复似乎是唯一的解决方案,这似乎是有意为之。

站内所有文章版权归属LeftHeroAI导航站,无授权禁止任何主体转载、抄袭、复制内容,亦不得私自架设镜像站点。一经侵权,本站将通过法律途径追责。

相关文章