角材质- md-tab-content高度不滚动

Question

我正在用有角的材料建造一些东西。其中一部分是有一些标签，并填入一些有用的信息。现在我正在这样做，并在ng-repeat中填充一些指令的选项卡之一。现在唯一的问题是标签切断了元素，我无法向下滚动。

这是我的html (slim)

md-content.md-padding
  div.registered-events[layout="row" layout-align='space-between center' layout-wrap]
    card-small.persona-card-result[object='e' ng-repeat='e in events()']

我可以张贴我的东西关于这些标签元素的样式，但我不认为这是他们造成的问题。我尝试了md-dynamic-height指令，将relative添加到父母和absolute添加到孩子等，但仍然没有运气。

有没有人知道如何添加更多的高度，使md-tab-content可滚动?

Answer 1

通过将其添加到父元素和选项卡的父元素中来解决这个问题。制表符在链的更下面(孙子元素)

scss

.grandparent {
  overflow: hidden;
  .parent {
    overflow-y: auto;
    // tabs would've been here
  }
}