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

[popup] 跳转页面后关闭popup,但是还存在于页面上层

Open taunt123 opened this issue 2 years ago • 4 comments

tdesign-miniprogram 版本

1.2.3

重现链接

No response

重现步骤

在小程序主页引入了popup组件用于实现自定义样式的actionsheet,选中某项后会跳转到一个有camera组件的拍摄页面(自定义页面),然后返回主页大概率会出现弹窗不显示但是点击对应位置会触发相应处理事件的BUG,表现为页面显示正常但是上面覆盖有一层不可见的弹出层,点击到弹出层内自定义的actionsheet可以触发对应的事件,但是点击弹出层蒙版无法关闭弹出层(对应的点击蒙版关闭弹出层的属性是设置为true的),另外Tdesign的actionsheet也有此问题,应该是也引用了popup组件

期望结果

期望在跳转后返回时蒙层处于关闭状态,页面可以正常点击触发事件

实际结果

返回时大概率有透明蒙层

基础库版本

2.21.4

补充说明

No response

taunt123 avatar Jan 04 '24 06:01 taunt123

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

github-actions[bot] avatar Jan 04 '24 06:01 github-actions[bot]

@taunt123 官网不能直接复现的问题,需要贴一下可复现代码片段,或者通过开发者工具上传片段提供链接给我们~

anlyyao avatar Feb 04 '24 09:02 anlyyao

加上 wx:if="{{visible}}" 可以解决,需要真机才可以复现,bug确实存在

<t-popup wx:if="{{visible}}" visible="{{visible}}" bind:visible-change="onVisibleChange" placement="bottom" style="--td-popup-border-radius:43rpx;">

xieerduos avatar Jun 18 '24 04:06 xieerduos

加上 wx:if="{{visible}}" 可以解决,需要真机才可以复现,bug确实存在

<t-popup wx:if="{{visible}}" visible="{{visible}}" bind:visible-change="onVisibleChange" placement="bottom" style="--td-popup-border-radius:43rpx;">

感谢反馈,已在 #2827 中复现,基于popup + overlay的弹窗类组件可能确实存在遮罩残留的问题,大概是同一个问题

anlyyao avatar Jun 18 '24 04:06 anlyyao