Question

将我的firefox更新到版本47.0.1后，我发现了position:fixed的一个奇怪问题。波纹管片段在Chrome，IE和Firefox中运行良好＆lt; 47。但是，在Firefox 47+中，.event2节点无法点击...

经过一些调查后，我发现可以通过删除z-index:0元素的.g来修复它。好吧，实际上它也可以通过删除z-index:3元素的.a或删除overflow: hidden;元素的.f来修复。

修复不是问题，但我想知道是否有人知道Firefox 47中的更改... Bug或故意？（对我而言，它看起来像一个错误...）

编辑：我在https://bugzilla.mozilla.org/show_bug.cgi?id=1283436

上创建了一个错误报告

EDIT2 ：这真是一个错误，因为它不会发生在Firefox 48 beta

＆＃13;

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

＆＃13;

.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
}

＆＃13;

<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>

＆＃13;

Answer 1

这确实是Firefox从版本46.0.1开始的回归高达48.0a2版本

对于记录，可以在此处跟踪原始错误： https://bugzilla.mozilla.org/show_bug.cgi?id=1275411

位置：仅在Firefox 47中修复了问题

1 个答案: