【发布时间】：2020-07-09 12:09:55
【问题描述】：
在使用触摸屏设备时，我无法垂直滚动包含比屏幕高的 VerticalLayout 的 Vaadin 对话框；对话框在桌面环境中使用鼠标滚轮正常滚动。
这是感兴趣的 HTML：
<vaadin-dialog-overlay id="overlay" focus-trap="" with-backdrop="" opened="" role="dialog" style="z-index: 201;">
<flow-component-renderer appid="ROOT" nodeid="94" style="">
<div class="draggable" style="width: 100%; height: 100%;">
<vaadin-vertical-layout class="genericDialog" theme="padding spacing" style="width: 100%;">
<vaadin-horizontal-layout class="titleDialog" theme="spacing">
[stuff...]
</vaadin-horizontal-layout>
<vaadin-vertical-layout theme="padding spacing" style="width: 100%;">
[stuff...]
</vaadin-vertical-layout>
<vaadin-horizontal-layout class="buttonsDialog" theme="spacing">
[stuff...]
</vaadin-horizontal-layout>
</vaadin-vertical-layout>
</div>
</flow-component-renderer>
</vaadin-dialog-overlay>
最里面的<vaadin-vertical-layout>是比屏幕高的元素。
【问题讨论】：
-
嘿，感谢您注意到这一点，您使用的是哪个版本的 vaadin？ 14.2.0 中存在一些与滚动和触摸设备相关的问题，例如github.com/vaadin/vaadin-dialog-flow/issues/188，14.2.3 对此进行了修复。对于仅影响 safari github.com/vaadin/vaadin-dialog-flow/issues/204 的更具体案例，仍有一个未解决的问题。您能否使用 vaadin 14.2.3 检查您的问题是否已解决。如果不是，您能否使用代码示例创建一个新问题以在github.com/vaadin/vaadin-dialog-flow/issues/new 中重现它？
标签： css scroll dialog vaadin touchscreen