Кнопка не работает в Firefox, но работает в Chrome - PullRequest
0 голосов
/ 09 февраля 2019

Я работаю над приложением ReactJS, которое я сделал.Вот развернутая версия , чтобы получить более полное представление о проблеме.

Кнопка входа не работает в Firefox в разделе Inventory Login.Отрендеренный HTML показывает его в виде кнопки со слушателем.Следовательно, это должно работать.

Консультирование различных ответов и решений по StackOverflow относительно кнопок в Firefox, особенно при использовании JSX, не дало никаких результатов.Я почти уверен, что это не считается интерактивным контентом и все же может рассматриваться как фраза, перечисленная здесь .

Вот фрагмент кода, на котором выполняется Inventory Login.

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

1 Ответ

0 голосов
/ 09 февраля 2019

Кажется, что свойство CSS rotateY(10deg) в .catch-of-the-day > :last-child делает кнопку недоступной для нажатия в Firefox.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...