Tencent / Tencent/tdesign-react
[Dialog] 连续打开多个模态对话框，对话框叠加显示的情况下，对话框打开的过程中，遮罩层会闪烁
Open
Nobody has claimed this yet.
compatibility
- Dominant language
- TypeScript
- Stars
- 965
- Forks
- 373
- Avg merge
- 3d 6h
- Merged PRs (30d)
- 17
Description
tdesign-react 版本
1.11.3 版本开始有这个问题，最新的 1.14.5 也同样存在
重现链接
No response
重现步骤
重现代码：
tdesign-react-example-app.zip
操作：
- 连续点击链接，打开模态对话框
- 问题：连续打开多个模态对话框，对话框叠加显示的情况下，对话框打开的过程中，遮罩层会闪烁
- 验证了，1.11.2 版本无问题，从 1.11.3 开始，到最新的 1.14.5 版本，都存在这个问题。
问题视频：
https://github.com/user-attachments/assets/9b5e32c5-02c4-44c7-b520-001244503cde
期望结果
No response
实际结果
No response
框架版本
No response
浏览器版本
No response
系统版本
No response
Node版本
No response
补充说明
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the attached tdesign-react example app and reproduce the flicker while opening several stacked modal dialogs. Compare the behavior between versions 1.11.2 and 1.11.3, then trace the modal overlay behavior during opening. Done means stacked dialogs open without the mask flickering.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100