Vaadin：第二个滚动条在 AppLayout 中看似随机出现

如何解决Vaadin：第二个滚动条在 AppLayout 中看似随机出现

我的应用程序使用带有标题和抽屉的 com.vaadin.flow.component.applayout.AppLayout（受其他示例程序启发的标准布局）。右下方的内容部分填充有带有 @Route(value="foobar",layout = MainLayout.class) 注释的 VerticalLayouts，因此当点击抽屉中的“锚点”之一时，相应的视图会被添加。

除了让我烦恼的一件事外，一切都很好：

我的一个视图有四个 Accordion 组件（两个包含一对标签和一个 TextArea，一个包含一些文本字段和一个图表。第四个包含一些文本字段和一个按钮）。

当我展开这些手风琴时，通常在展开第三个或第四个手风琴时，第二个垂直滚动条会突然出现在外部正常滚动条的内部。已经打开的两个手风琴比典型的浏览器窗口要高，但这里的大小和滚动条是正确调整的。有时，但并不总是很奇怪，滚动条也会随着三个打开的​​手风琴进行适当调整。有时已经在第三个手风琴上，但肯定总是在第二个滚动条出现的第四个手风琴上。打开的手风琴组合似乎不起作用，即没有手风琴总是触发滚动条出现。

在浏览页面时，我发现第二个滚动条最令人恼火和烦人。知道什么可能导致这种情况吗？以及如何仅强制单个滚动条？

顺便说一句：我尝试将整个内容包装在 Div 中，但这并没有改变任何东西 - 第二个滚动条仍然如上述那样显示。