angular - 如何使溢出-x 在角度材质对话框内容中可见

Question

我在角度材质对话框中的 mat-dialog-content 出现了一些奇怪的行为。

我想展示一些工具提示（不是角度材料工具提示，而是来自 ng-bootstrap 库的工具提示，因为我希望它们具有一些可点击的内容）。当它们向右溢出时，现在，我得到一个滚动条，这不是所需的行为。

我用

.mat-dialog-content {
    overflow-x: visible !important;
}

我仍然得到滚动条，并且使用浏览器开发工具进行的检查向我展示了这一点：

我觉得很奇怪。更令人沮丧的是：当我只是将“可见”换成“隐藏”时，这很有效，但显然也不是理想的行为。

标签： angularmodal-dialogangular-materialng-bootstrap

Answer 1

我正在使用 ng-bootstrap 库，非常简单的解决方案是将 container="body" 添加到工具提示触发器中。