【报Bug】edge中无法消除默认出现的密码框小眼睛标志

分类：uni-app

bug反馈确认bug

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Windows 11, 22H2

浏览器平台： Edge

浏览器版本：版本 107.0.1418.52 (正式版本) (64 位)

项目创建方式： CLI

CLI版本号： @vue/cli 5.0.8

示例代码：

<!DOCTYPE html>  
<html>  
<body>  

<form action="/demo/demo_form.asp">  
First name:<br>  
<input type="password" name="firstname" value="">  
<br>  
Last name:<br>  
<input type="text" name="lastname" value="Mouse">  
<br><br>  
<input type="submit" value="Submit">  
</form>   

<p>如果您点击提交，表单数据会被发送到名为 demo_form.asp 的页面。</p>  

<style >  
  input[type="password"]::-ms-reveal {  
    display: none;  
  }  
  input[type="password"]::-ms-clear {  
    display: none;  
  }  
</style>  

</body>  
</html>

操作步骤：

去掉代码中的Style 再Edge中输入密码就可以出现

预期结果：

不要眼睛，因为失焦后再聚焦就不出来了。

实际结果：

出现了眼睛

bug描述：

使用 input 设置 type = password 后，focus 时，输入密码会出现眼睛。失焦后，再 focus 输入新的字符，此时眼睛不出来。
非 uni 的问题，已验证，在 edge 中使用 password 就会这样。
HTML 中可以通过添加样式关闭该功能, uni 中无法覆盖隐藏该眼睛。

2022-11-23 21:22 负责人:无分享

2 个回复

HRK_01

感谢反馈，已复现该问题,属性选择器不生效，暂时先可通过class类名来设置隐藏edge的小眼睛，后续若修复会在此贴更新

<template>  
    <view class="container" style="padding-top: 50px;background-color: green;">  
        <input type="password" v-model="value" class="uni-input-input">  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                href: 'https://uniapp.dcloud.io/component/README?id=uniui'  
            }  
        },  
        methods: {  
        }  
    }  
</script>  

<style lang="scss">  
    .uni-input-input {  
        color: #FFFFFF;  
        & ::-ms-reveal{  
    display: none;    

        }  
        & ::-ms-clear{  
    display: none;    

        }  
  }    
</style>

7***@qq.com - 前端菜鸟puls

截止到20240325，该bug依旧存在。dcloud养了一群前端废物。

要回复问题请先登录或注册

【报Bug】edge中无法消除默认出现的密码框小眼睛标志

操作步骤：

去掉代码中的Style 再Edge中输入密码就可以出现

预期结果：

不要眼睛，因为失焦后再聚焦就不出来了。

实际结果：

出现了眼睛

bug描述：

2 个回复

公告

相关问题

【报Bug】edge中无法消除默认出现的密码框小眼睛标志

操作步骤： 去掉代码中的Style 再Edge中输入密码就可以出现

预期结果： 不要眼睛，因为失焦后再聚焦就不出来了。

实际结果： 出现了眼睛

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

操作步骤：

去掉代码中的Style 再Edge中输入密码就可以出现

预期结果：

不要眼睛，因为失焦后再聚焦就不出来了。

实际结果：

出现了眼睛