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

[t-dialog] 触摸穿透

Open tankle0 opened this issue 1 year ago • 3 comments

tdesign-miniprogram 版本

1.5.1

重现链接

重现步骤

dialog悬浮在输入框上方,如果连续点击,会概率性出现点击到输入框,导致输入框聚焦,显示在dialog弹窗里面,双击弹窗空白地方,还能弹出输入框的拷贝功能

https://github.com/user-attachments/assets/a7a3e9df-8a66-4c1f-b6c8-2a1ab416e91f

期望结果

无论弹窗空白处怎么点击,不能穿透到底层组件

实际结果

dialog悬浮在输入框上方,如果连续点击,会概率性出现点击到输入框,导致输入框聚焦,显示在dialog弹窗里面,双击弹窗空白地方,还能弹出输入框的拷贝功能

基础库版本

No response

补充说明

No response

tankle0 avatar Aug 17 '24 01:08 tankle0

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

github-actions[bot] avatar Aug 17 '24 01:08 github-actions[bot]

看上去是原生组件层级问题,input是一个原生组件,在iOS上Webview渲染可能存在层级问题,如果是这样可能不太好处理,可以看下Android手机是否有此问题呢?@tankle0

jarmywang avatar Aug 22 '24 02:08 jarmywang

Android手机也会有同样的问题 @jarmywang 遮罩层不能成功遮挡input的点击事件触发,input的placeholder的层级也会比dialog高

若为已知缺陷且长时间无法修复,建议在文档内注明

kiterza avatar Jul 29 '25 02:07 kiterza