Html FF中的角垫选项卡和垫表滚动问题

Html FF中的角垫选项卡和垫表滚动问题,html,css,angular,Html,Css,Angular,我有一个表在一个垫子标签里面,它可以扩展到它需要的任何高度,当达到面板的最大高度时,不会显示滚动条。mat选项卡组将突破其父容器的高度,整个页面将获得一个滚动条,而选项卡将获得一个滚动条 这在Chrome中没有体现,到目前为止我只能在Firefox中看到。下面是我为重现该行为而编写的一些示例代码。嵌入选项卡组的构件设置了最大高度。“选项卡”面板应该占用其中的所有剩余空间(flex:1) 布拉 .选项卡面板{ 弹性:1; 宽度:100%; } 我在FF/IE中遇到了类似的滚动问题,幸好在GitH

我有一个表在一个垫子标签里面,它可以扩展到它需要的任何高度,当达到面板的最大高度时,不会显示滚动条。mat选项卡组将突破其父容器的高度,整个页面将获得一个滚动条,而选项卡将获得一个滚动条

这在Chrome中没有体现,到目前为止我只能在Firefox中看到。下面是我为重现该行为而编写的一些示例代码。嵌入选项卡组的构件设置了最大高度。“选项卡”面板应该占用其中的所有剩余空间(flex:1)


布拉
.选项卡面板{
弹性:1;
宽度:100%;
}

我在FF/IE中遇到了类似的滚动问题,幸好在GitHub中通过设置min heightmat tab group元素的道具解决了这个问题:

mat-tab-group {
    min-height: 500px;
}
mat-tab-group {
    min-height: 500px;
}