时间戳

首页 > 解决方案 > 无法使用触摸屏滚动 Vaadin 对话框

css - 无法使用触摸屏滚动 Vaadin 对话框

问题描述

使用触摸屏设备时，我无法垂直滚动包含比屏幕高的 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>是比屏幕高的元素。

标签： cssscrolldialogvaadintouchscreen

解决方案

事实证明，这确实是 Vaadin 14.2.0 中的一个 bug。我将 Vaadin 更新到 14.3.0，现在对话框滚动工作正常。

推荐阅读