Cześć
Mam przykładowy kod jak poniżej

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
 //Dziala poprawnie na Chromie,Safari w wersji mobile i desktop
 onMouseOverTest(e){
   console.log('onMouseOver test')
 }
 onMouseOutTest(e){
   console.log('onMouseOut test')
 }
 render() {
   return (
     <div className="App">
         <div onMouseOver={() => this.onMouseOverTest()} onMouseOut={() => this.onMouseOutTest()} style={{border:'4px solid red',height:200}}>TEST</div>
     </div>
   );
 }
}

export default App;

Kod działa poprawnie na najnowszym Chromie i Safari (na desktopie i emulatorach urządzeń mobilnych) a także na Firefoxie na desktopie (wersja 65.0.1).Ale na wersji mobilnej event nie działa prawidłowo.Na Chromie/Safari event odpala się po kliknięciu, na Firefoxie odpala się tylko wtedy jeśli kliknę i natychmiast przesunę kursor na inny element.
Wiem że onMouseOver nie jest przeznaczony do urządzeń mobilnych ale na innych przeglądarkach działa dobrze, na firefoxie nie :(
Wie ktoś może co jest przyczyna? Jakiś link do opisu błędu?Szukałem dziś naprawdę długo i nic..
Z góry dzięki za odpowiedź :)