javascript - FF (51.0.1) 中可能存在错误 - 70 度内联旋转的视频无法正确渲染视频控制

Question

我在 Windows 10 上的 Firefox 51.0.1 32 位中发现了一个可能的错误。当视频应用 70 度内联旋转旋转 Z 时，该问题会很明显。从图像中可以看出，视频 Controller 与视频长度尺寸不匹配。如果旋转设置为 60 度，则该问题无法重现。

我想知道:

• 您知道解决此问题的方法吗？
• 什么可能导致该问题？

        document.addEventListener('DOMContentLoaded', event => {
            let btn = document.getElementById('button');
            let target = document.getElementById('target');
            let rotation = 70;
            btn.addEventListener('click', event => {
                rotation += 10;
                target.style.transform = `rotateZ(${rotation}deg)`;
            });

        });

    <video id="target" controls style="width: 560px; height: 320px; transform: rotateZ(70deg)">
        <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    </video>
    <button id="button">Click me to rotate video</button>

Answer 1

经过一番研究，我发现这个错误存在于 Firefox 分支 51(稳定版)上，但不存在于 Firefox 开发者版本分支 53 版本 53.0a2 (2017-03-06)(32 位)上。

由于我在他们的错误跟踪系统中找不到任何引用，我创建了一个专用票证: https://bugzilla.mozilla.org/show_bug.cgi?id=1344689