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

[NumberPicker]在iPad上数值组件单击无法导出键盘 #4812

Closed
xinghong12138 opened this issue Apr 3, 2024 · 4 comments · Fixed by #4835
Closed

[NumberPicker]在iPad上数值组件单击无法导出键盘 #4812

xinghong12138 opened this issue Apr 3, 2024 · 4 comments · Fixed by #4835
Assignees
Labels
improvement improve some features Next release issues to close in next release

Comments

@xinghong12138
Copy link

Component

NumberPicker

Reproduction link

https://alifd.alicdn.com/demos-pages/@alifd/next/NumberPicker@1.25.51/@alifd/theme-2@0.4.4/index.zh-cn.html

Steps to reproduce

在iPad上数值组件单击无法导出键盘,需要点击俩次才能导出键盘

Copy link

github-actions bot commented Apr 3, 2024

这是您为 Fusion/Next 提的第一个 issue,感谢您对 Fusion 的信任和支持,我们会尽快进行处理。

@YSMJ1994
Copy link
Contributor

YSMJ1994 commented Apr 8, 2024

ios 设备针对 touch 行为的问题,元素拥有 hover 样式的情况,第一次点击触发 hover,第二次才触发 click 和 focus 导致的。
解决方案:
组件使用媒体查询 @media(hover:hover) 添加 hover 样式

https://drafts.csswg.org/mediaqueries/#hover

@YSMJ1994 YSMJ1994 added the Next release issues to close in next release label Apr 8, 2024
@eternalsky
Copy link
Contributor

@eternalsky eternalsky self-assigned this Apr 19, 2024
@eternalsky eternalsky added the improvement improve some features label Apr 19, 2024
@eternalsky
Copy link
Contributor

仔细看了一下 number-picker 的设计,在 tablet 或者 phone 等用手指操作的场景,其实是出现 hover 出点击按钮的交互的。而应该强制为 normal 模式,按钮放在外侧(因为点击按钮太小,手指交互的场合不好点击),目前只在 device=phone 的时候有这个强制限定 type 的逻辑,后续应该加入 device=tablet 时也加入这个限定逻辑。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
improvement improve some features Next release issues to close in next release
Projects
Status: Ready to release
Development

Successfully merging a pull request may close this issue.

3 participants