Html 当主菜单有滚动条时，如何显示子菜单？

我正在努力解决这个问题：

我正在使用Priming 8中的angular 8和

tieredMenu

我的问题是当我有一个滚动条时，tieredMenu的子菜单被隐藏

如何解决

这是一个HTML文件：

<div class="app-scroll-perso">
  <div class="scroll-width-perso">
    <p-tieredMenu [model]="items"></p-tieredMenu>
  </div>
</div>

要应用滚动的css：

.scroll-width-perso {
  max-height: 20vh;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 180px;
}

下面是我迄今为止所做工作的一个例子：

---

尝试指定溢出：在css中可见

.scroll-width-perso {
max-height: 0vh;
overflow-y: visible;
overflow-x: visible;
width: 180px;
}

---

也许这两个选项中的任何一个都有帮助：，我修改了我的代码，我有一个相同的问题，我的菜单有一个固定的高度，我曾经滚动。如果我使用溢出：可见；卷轴将被隐藏

.scroll-width-perso {
max-height: 0vh;
overflow-y: visible;
overflow-x: visible;
width: 180px;
}