6

我注意到密码输入和 IOS 设备存在问题。当您专注于密码输入时，键盘应显示，但我得到一个空的白框。

这发生在最基本的密码输入上：

<input type="password" name="password">

我尝试了一些变化：

<input type="password" name="password" autocomplete="new-password">

目前，我有一个“解决方法”，它开始输入，type="text"一旦用户键入一个字符，将输入类型更改为密码（使字段保持隐藏/安全，但允许键盘显示）。问题在于不会自动完成现有密码（例如在登录屏幕上选择电子邮件+自动完成密码）。

这是使用 BrowserStack 复制的 Google 登录屏幕上的问题（我们也在真实设备上复制了此问题） iPhone 11 IOS 13

iPhone 11 IOS 13 密码丢失键盘错误

更新：这影响 IOS 13 + 14，但不影响早期版本。

4

2 回答 2

3

据我所知，BrowserStack用于Screen Mirroring显示设备。Apple引入了安全更新，iOS 13因为密码类型输入隐藏了您正在投射/镜像到的屏幕上的键盘。您可以通过在 上进行测试Apple TV或在通话期间共享您的屏幕来复制它。因此，这并不是真正的错误，而是在平台而不是物理设备上进行测试的限制。

于 2021-08-11T02:13:11.483 回答
1

当然这可能是一个 iOS 更新错误问题，我可以建议一种不同的方式来模拟密码输入......

首先将此添加到您的自定义 css 文件或您创建 css 类的任何位置：

基本上，您正在创建一个类来屏蔽输入以隐藏密码

/* Mask the input as password */
.password-mask {
    -webkit-text-security: disc;
    -moz-webkit-text-security: disc;
    -moz-text-security: disc;
}

然后你可以像这样在你的输入中使用它：

<input class="password-mask" required type="text" autocomplete="current-password">

对于自动完成属性，您需要使用：current-password 以使其表现为密码输入。

于 2021-03-23T04:57:30.180 回答