FF（51.0.1）中可能存在的错误 - 在70deg内联旋转的视频无法正确呈现视频控制

Question

我发现Windows 10上的Firefox 51.0.1 32位可能存在错误。 当视频应用70deg内联转换rotateZ时，该问题很明显。 从图像中可以看出，视频控制器与视频长度尺寸不匹配。 如果旋转设置为60度，则该问题不可重现。

我想知道：

• 你知道解决这个问题吗？
• 可能导致问题的原因是什么？

＆＃13;

＆＃13;

        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)`;
            });

        });

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

经过一些研究后，我发现这个bug存在于Firefox分支51（稳定版）上，但在Firefox Developer版本53（版本53.0a2（2017-03-06）（32位））上没有出现。

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