Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
taunt123 opened this issue Jan 4, 2024 · 4 comments
Open

Comments

@taunt123
Copy link

taunt123 commented Jan 4, 2024

tdesign-miniprogram 版本

1.2.3

重现链接

No response

重现步骤

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

期望结果

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

实际结果

返回时大概率有透明蒙层

基础库版本

2.21.4

补充说明

No response

Copy link
Contributor

github-actions bot commented Jan 4, 2024

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

@taunt123 taunt123 changed the title [组件名称] 描述问题的标题 [popup] 跳转页面后关闭popup,但是还存在于页面上层 Jan 9, 2024
@anlyyao
Copy link
Collaborator

anlyyao commented Feb 4, 2024

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

@xieerduos
Copy link

xieerduos commented Jun 18, 2024

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

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

@anlyyao
Copy link
Collaborator

anlyyao commented Jun 18, 2024

加上 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的弹窗类组件可能确实存在遮罩残留的问题,大概是同一个问题

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants