Tencent / Tencent/tdesign-miniprogram

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

Open
#2,531 5 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

need more info
Dominant language
Vue
Stars
1.8k
Forks
337
Avg merge
1d 21h
Merged PRs (30d)
19

Description

tdesign-miniprogram 版本

1.2.3

重现链接

No response

重现步骤

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

期望结果

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

实际结果

返回时大概率有透明蒙层

基础库版本

2.21.4

补充说明

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the popup and actionsheet components and reproduce the reported flow: open the popup, navigate to the camera page, then return to the home page. Inspect how popup visibility and the mask are handled across navigation. Done means the overlay is closed after returning and clicks reach the page normally.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.