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

Question

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

Answer 1

原来是Vaadin 14.2.0的bug。我将 Vaadin 更新到 14.3.0，现在对话框滚动工作正常。

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

Cannot scroll Vaadin Dialog with touchscreen

css

scroll

dialog

touchscreen

vaadin