vant icon indicating copy to clipboard operation
vant copied to clipboard

[Bug Report] Popup 嵌套 Popover, Popover超出固定高度无法滚动

Open popring opened this issue 2 years ago • 1 comments

重现链接

https://codesandbox.io/s/vant-3-issue-template-forked-65h3ft?file=/src/App.vue:0-1005

Vant 版本

3.4.6

描述一下你遇到的问题。

Popup 内容包含 Popover,Popover 设置固定高度时,Popover 无法滚动。

iOS下有问题,安卓下未测试。

经排查,将 useLockScroll 中的 onTouchMove 函数内容注释后,Popover 可正常滚动。

重现步骤

  1. 展示 Popup
  2. 展示 Popover
  3. 滚动Popover内容

设备/浏览器

iOS

popring avatar Jun 10 '22 08:06 popring

目前是有迂回解决方案,但没有从根源解决问题:

可以通过设置 Popup 属性 lock-scroll="false" 解决该问题。但若页面超过一屏,在Popover 内容滚动至顶部或底部再滚动时会触发页面级别的滚动,与预期不符。

popring avatar Jun 10 '22 08:06 popring

是由于 Popover 内部对 touchstart 事件进行了 stopPropagation 引起的,下个版本会修复此问题

chenjiahan avatar Aug 21 '22 02:08 chenjiahan