首页 > 解决方案 > Vaadin:第二个滚动条在 AppLayout 中看似随机出现

问题描述

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

这一切都很好,除了一件让我烦恼的事情:

我的一个视图有四个 Accordion 组件(两个包含几个标签和一个 TextArea,一个包含一些文本字段和一个图表。第四个包含一些文本字段和一个按钮)。

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

在浏览页面时,我发现第二个滚动条最烦人和烦人。知道是什么原因造成的吗?以及如何仅强制单个滚动条?

顺便说一句:我尝试将整个内容包装在 aDiv中,但这并没有改变任何东西——第二个滚动条仍然像上面描述的那样出现。

标签: vaadin

解决方案


推荐阅读