在Firefox中使用的ng repeat、bootstrap模式、position fixed时闪烁

在Firefox中使用的ng repeat、bootstrap模式、position fixed时闪烁,firefox,modal-dialog,fixed,flicker,ng-repeat,Firefox,Modal Dialog,Fixed,Flicker,Ng Repeat,首先,这个问题不会发生在CHROME或IE中,只会发生在FIREFOX中 我有一张桌子坐满了ng repeat 在表外,我有一个ui引导模式弹出窗口和一个带有固定位置的div 当我通过单击“离开”或按Esc按钮关闭/关闭弹出窗口时,如果在弹出窗口完全消失之前再次单击“离开”,固定位置的div将闪烁 这是一个模拟问题的扑救器 要复制我的问题,请使用firefox,打开三个弹出窗口中的任意一个,然后按Esc键或单击“离开”关闭弹出窗口。当弹出窗口消失时,再次单击其他位置,并注意顶部将闪烁的固定di

首先,这个问题不会发生在CHROME或IE中,只会发生在FIREFOX中

我有一张桌子坐满了ng repeat

在表外,我有一个ui引导模式弹出窗口和一个带有固定位置的div

当我通过单击“离开”或按Esc按钮关闭/关闭弹出窗口时,如果在弹出窗口完全消失之前再次单击“离开”,固定位置的div将闪烁

这是一个模拟问题的扑救器

要复制我的问题,请使用firefox,打开三个弹出窗口中的任意一个,然后按Esc键或单击“离开”关闭弹出窗口。当弹出窗口消失时,再次单击其他位置,并注意顶部将闪烁的固定div

同样,这个问题不会发生在CHROME或IE中,只会发生在FIREFOX中

提前谢谢

<div style="position:fixed" >
  Fixed Area
</div>
<br>
<div ng-controller="ModalDemoCtrl">
    <script type="text/ng-template" id="myModalContent.html">
        <div class="modal-header">
            <h3 class="modal-title">I'm a modal!</h3>
        </div>
        <div class="modal-body">
            <ul>
                <li ng-repeat="item in items">
                    <a ng-click="selected.item = item">{{ item }}</a>
                </li>
            </ul>
            Selected: <b>{{ selected.item }}</b>
        </div>
        <div class="modal-footer">
            <button class="btn btn-primary" ng-click="ok()">OK</button>
            <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
        </div>
    </script>

    <button class="btn btn-default" ng-click="open()">Open me!</button>
    <button class="btn btn-default" ng-click="open('lg')">Large modal</button>
    <button class="btn btn-default" ng-click="open('sm')">Small modal</button>
    <div ng-show="selected">Selection from a modal: {{ selected }}</div>

    <table>
      <tr ng-repeat="item in data">
        <td>{{item.value1}}</td>
        <td>{{item.value2}}</td>
        <td>{{item.value3}}</td>
        <td>{{item.value4}}</td>
        <td>{{item.value5}}</td>
        <td>{{item.value6}}</td>
        <td>{{item.value7}}</td>
        <td>{{item.value8}}</td>
        <td>{{item.value9}}</td>
        <td>{{item.value10}}</td>
        <td>{{item.value11}}</td>
        <td>{{item.value12}}</td>
        <td>{{item.value13}}</td>
        <td>{{item.value14}}</td>
        <td>{{item.value15}}</td>
      </tr>
    </table>

</div>

固定区域

我是模态的!
  • {{item}}
选定:{{Selected.item} 好啊 取消 打开我! 大模态 小模态 从模式中选择:{{selected} {{item.value1} {{item.value2} {{item.value3} {{item.value4} {{item.value5}} {{item.value6} {{item.value7} {{item.value8} {{item.value9} {{item.value10} {{item.value11} {{item.value12}} {{item.value13} {{item.value14} {{item.value15}