位置：Firefox 47で修正された問題

Question

Firefoxをバージョン47.0.1にアップデートした後、私はposition:fixedという奇妙な問題を発見しました。 怒鳴るスニペットが...しかし、Firefoxで.event2ノードがクリックできない47+クローム、IEとFirefox で正常に動作し、いくつかの調査の後

、私はそれがz-index:0を削除することによって修正されることを見出しました.g要素の 実際には、.a要素のz-index:3を削除するか、.f要素のoverflow: hidden;を削除することで修正することもできます。

修正は問題ではありませんが、誰かがFirefox 47で変更されたものを手掛かりにしているのだろうかと疑問に思っていました...バグか目的ですか？ （私には、それはバグのように見えます...）

EDIT：私はEDIT2https://bugzilla.mozilla.org/show_bug.cgi?id=1283436

上のバグレポートを作成しました：それは国連のFirefox 48ベータ版を発生しませんので、これは本当にバグです

document.querySelector('.event1').addEventListener('click', function() { 
 
    alert('foo'); 
 
}) 
 
document.querySelector('.event2').addEventListener('click', function() { 
 
    alert('bar'); 
 
})

.a { 
 
    z-index: 3; 
 
    position: relative; 
 
} 
 

 
.f { 
 
    height: 50px; 
 
    width: 100%; 
 
    background-color: yellow; 
 
    overflow: hidden; 
 
    position:relative; 
 
} 
 

 
.g { 
 
    position: absolute; 
 
    width: 100%; 
 
    height: 100%; 
 
    overflow: hidden; 
 
    z-index: 0; 
 
} 
 

 
.k { 
 
    height: 50px; 
 
    width: 100%; 
 
    background-color: red; 
 
} 
 

 
.l { 
 
    position: fixed; 
 
} 
 

 
.m { 
 
    background-color: lime 
 
}

<div class="a"> 
 
    <div class="f"> 
 
    <div class="g"> 
 
     <div class="k event1"> 
 
     <span>When it is working, this is clickable <br /> and alert (foo) <br /> &nbsp; </span> 
 
     <div class="l"> 
 
      <div class="m event2"> 
 
      <span>When it is working, this is clickable <br /> and alert (bar) then alert(foo)</span> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

これは確かにVERSから始まるのFirefoxの回帰でありますイオン46.0.1 は、レコードのバージョン48.0a2

まで、オリジナルのバグはここに追跡することができます： https://bugzilla.mozilla.org/show_bug.cgi?id=1275411