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

输入框password开启show-password-on="mousedown | click"在edge下刚输入时会有两个眼睛按钮,chrome下正常 #5384

Closed
scp-66 opened this issue Nov 15, 2023 · 3 comments · Fixed by #5390
Labels
untriaged need to sort

Comments

@scp-66
Copy link

scp-66 commented Nov 15, 2023

TuSimple/naive-ui version (版本)

2.35.0

Vue version (Vue 版本)

3.2.37

Browser and its version (浏览器及其版本)

Microsoft Edge(119.0.2151.58)

System and its version (系统及其版本)

windows 11

Node version (Node 版本)

Reappearance link (重现链接)

https://www.naiveui.com/zh-CN/light/components/input#password.vue

Reappearance steps (重现步骤)

使用edge打开官方的样例,找到密码的自定义图标那个例子,那两个输入框都会这样

Expected results (期望的结果)

和chome下一样,只有一个小小的眼睛

Actual results (实际的结果)

出现了两只眼睛不符合交互

Remarks (补充说明)

@github-actions github-actions bot added the untriaged need to sort label Nov 15, 2023
@shaoerkuai
Copy link

image
这个应该是edge自带的便利功能

试下 <template #password-visible-icon> <template #password-invisible-icon> 都给默认为空能否隐藏

@scp-66
Copy link
Author

scp-66 commented Nov 20, 2023

他对我并不起作用,包括官方样例
image

@jizai1125
Copy link
Contributor

jizai1125 commented Nov 20, 2023

从 Edge 87 版本开始的默认样式,可以加个伪元素隐藏掉

input[type=password]::-ms-reveal {
    display: none;
}

https://learn.microsoft.com/en-us/microsoft-edge/web-platform/password-reveal

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
untriaged need to sort
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants