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

[navbar] capsule插槽屏蔽内部绑定的点击事件? #1622

Closed
q8018414 opened this issue Feb 21, 2023 · 5 comments · Fixed by #1641
Closed

[navbar] capsule插槽屏蔽内部绑定的点击事件? #1622

q8018414 opened this issue Feb 21, 2023 · 5 comments · Fixed by #1641
Labels
bug Something isn't working in progress issue or pull request is in progress

Comments

@q8018414
Copy link

tdesign-miniprogram 版本

1.0.0-rc.3

重现链接

No response

重现步骤

在rc.2版本中是可以点击的,更新到rc.3之后就不行了,经过重启工具,清除缓存,真机调试,上传体验版测试都不行。代码见图:
1676966034166
切换至left进行插入就能点击了。
image

期望结果

No response

实际结果

No response

框架版本

No response

基础库版本

No response

补充说明

No response

@github-actions
Copy link
Contributor

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

@github-actions
Copy link
Contributor

♥️ 有劳 @xihangzhou @IvinWu 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @q8018414

@LeeJim
Copy link
Collaborator

LeeJim commented Feb 22, 2023

我来看看

@LeeJim LeeJim added the question This is a question, not a bug label Feb 22, 2023
@LeeJim
Copy link
Collaborator

LeeJim commented Feb 22, 2023

已定位到问题,简单的处理方式:在 custom-capsule 上增加 z-index: 1 即可。

引发这个问题的原因是,原本使用 1rpx 的边框,但在一些机型会导致边框消失,因此 rc.3 的版本使用了 :after 的伪类来实现的,结果被这个伪类遮挡住了,无法触发点击事件。

@LeeJim LeeJim added bug Something isn't working in progress issue or pull request is in progress and removed question This is a question, not a bug labels Feb 22, 2023
@q8018414
Copy link
Author

辛苦

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working in progress issue or pull request is in progress
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants