Question

我正在开发一个ReactJS应用程序。这是deployed version，可以使您更好地了解问题。

“ Inventory Login”部分中的“登录”按钮在Firefox中不起作用。渲染的HTML将其显示为一个按钮，并带有一个侦听器。因此，它应该正在工作。

在StackOverflow上针对Firefox中的按钮咨询各种答案和解决方案，尤其是在使用JSX时，没有得到任何结果。我很确定这不会算作互动内容，仍然可以视为here中列出的措辞。

这是库存登录运行的代码段。

import React from "react";

const Login = props => (
  <nav className="login">
    <h2>Inventory Login</h2>
    <p>Sign in to manage your store's inventory.</p>

    <button className="github" onClick={() => props.authenticate()}>
      Log In With GitHub
    </button>
  </nav>
);

export default Login;

props.authenticate()正在App.js中回调一个通过Firebase处理身份验证的函数。我已经验证了它可以在Chrome上正常运行，并且道具正在通过。

唯一的是-另一个按钮ORDER RESET在不同的组件，但代码几乎相似。

这是完整的源代码-https://github.com/vipulgupta2048/react-cotd

Answer 1

似乎rotateY(10deg)中的CSS属性.catch-of-the-day > :last-child使得该按钮在Firefox上不可点击。

按钮在Firefox中无效，但在Chrome中有效

1 个答案: