tdesign-miniprogram icon indicating copy to clipboard operation
tdesign-miniprogram copied to clipboard

[t-popup] prevent-scroll-through问题

Open tankle0 opened this issue 1 year ago • 3 comments

tdesign-miniprogram 版本

1.4.4

重现链接

重现步骤

<t-popup using-custom-navbar="{{true}}" prevent-scroll-through="{{false}}" closeOnOverlayClick="{{closeOnOverlayClick}}" > 页面使用了自定义导航栏,t-popup 写在了子组件内,prevent-scroll-through默认为true时,无法覆盖导航栏,导致导航栏展示出来,可以点击返回; 999

但是设置prevent-scroll-through为false,又会出现下面图片上的问题,无法覆盖页面,是不是因为t-popup在子组件内,导致层级不够? 888

期望结果

子组件内使用t-popup设置using-custom-navbar可以覆盖导航栏,或者prevent-scroll-through设置为false后正常覆盖页面

实际结果

子组件内使用t-popup设置using-custom-navbar无法覆盖导航栏;prevent-scroll-through设置为false后无法正常覆盖页面

基础库版本

3.4.10

补充说明

page内upload组件,点击upload组件打开弹窗(弹窗使用t-popup,在upload组件内,问题出现在这里),可以选择拍照或者相册,选择图片后上传,将上传后返回的url传递给page

https://github.com/user-attachments/assets/fab0e390-2a9e-43a7-b010-6e568710c1e0 又出现一个问题,t-popup组件被scrollview 包裹,页面不滚动时是正常的,内容超出滚动时就不行了

https://github.com/user-attachments/assets/f58c70b5-c18f-4ed9-bfb8-6862abdc271e

tankle0 avatar Jul 18 '24 02:07 tankle0

👋 @tankle0,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] avatar Jul 18 '24 02:07 github-actions[bot]

很奇怪,定位失败的时候弹窗覆盖正常,定位成功就不行了,视频上我故意把获取位置关了就展示正常了

https://github.com/user-attachments/assets/62ee1630-b1ae-43a1-8b3b-0a4f3eb77d44

tankle0 avatar Jul 19 '24 06:07 tankle0

找到原因了,只要scroll-view包裹t-popup组件,会导致t-popup蒙层无法覆盖全屏

tankle0 avatar Jul 20 '24 04:07 tankle0

@tankle0 感谢您的使用反馈,如果需要t-popup蒙层覆盖导航栏的话需要将using-custom-navbar设置为false,设置为true的时候会不覆盖导航栏。

Boomkaa avatar Jul 24 '25 06:07 Boomkaa