Почему таппад ноутбука «тапает» и тачпад кнопки «щелкает» ломает .hover () на Chrome, но с мышью ПК все работает нормально?

Question

У меня проблема, когда я «нажимаю» на сенсорную панель ноутбука или «щелкаю» сенсорной панелью LMB по элементу html, который имеет jquery .hover (), или в событиях javascript (mouseenter, mouseleave).После касания сенсорной панели или щелчка перерывов при наведении.

HTML:

<div id="mainDiv">
  <div id="containerLeft">
    <h1>div1</h1>
  </div>
  <div id="containerRight">
    <h1>div2</h1>
  </div>
</div>

JS

$('#containerRight').hover(function(e){
  $(this).stop().animate({width: '80%',  margin: "0 0 0 -500px", zIndex: '1000'},150);
}, function(e) {
  $(this).stop().animate({ margin: "0", width: '25%', zIndex: '0'}, 150);
}); 

Скрипка для этого вопроса -> https://jsfiddle.net/xpvt214o/903535/.
Внутри у меня есть 2 div (divLeft, divRight).Hover прерывается, когда пользователь щелкает тачпадом по divRight следующим образом:
«таппад» «тап» - прерывает .hover () после одного нажатия
тачпад ЛКМ клик - ломает .hover () после быстрого щелчка пару раз.

Все отлично работает с внешней мышью ПК.

У меня есть эта ошибка в Chrome и Opera, Firefox работает отлично.

Спасибо за помощь.