在某些情况下，为什么Chrome会比Firefox产生不同的event.target？

Question

鉴于这个小提琴：https://jsfiddle.net/46an3q23/有人可以帮助我理解为什么点击Firefox中的滚动条不会触发警报（）但是Chrome确实如此？演示代码如下：

<div id="wrap">
  <div class="container">
    <div class="content"></div>
  </div>
</div>


$('.container').perfectScrollbar();

$(document).ready(function() {
  $(document).on('click', '#wrap', function(event) {
    alert('container hit');
  });
});

我只是尝试编写UX，当你点击模态外部时关闭模态。奇怪的是，在Chrome中，单击滚动条会产生#modal的event.target（从而错误地关闭模式），而在Firefox中，目标是不同的，并且模态未关闭。在生产代码中我正在做event.stopPropagation（），但没有区别。

谢谢