iphone 用户在 gatsbyjs 渐进式网络应用程序上的输入问题

Question

一个简单的应用程序，仅包含带有占位符类型的输入字段，iphone 用户无法输入电子邮件和密码。

让我知道要提供什么信息来解决这个问题，或者请指导我阅读相应的文章。我没能找到解决同样问题的。

在 android 上一切正常。

import React from "react"

const HomePage = () => {
    return (
        <div>
            <input type="email" placeholder="email" />
            <input type="password" placeholder="password" />
        </div>
    )
}

export default HomePage

Answer 1

我猜这与 Gatsby 无关，这似乎是一个行为 (CSS) 问题。尝试添加这些规则：

input, input:before, input:after {
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

来源：

iphone 用户在 gatsbyjs 渐进式网络应用程序上的输入问题

input problem for iphone user on gatsbyjs progressive web app

input

gatsby

progressive-web-apps