変換のバグ：スケール、オーバーフロー：Firefoxでの非表示と枠線の半径

Question

Firefoxに奇妙な問題があります。私はdiv#flying_objectを縮小してCSSアニメーションを作成し、それを移動し、最終的に元のサイズに戻します。私のdiv.flying_object_containerはborder-radius: 50%;とoverflow: hiddenです。したがって、飛行オブジェクトが親divをオーバーフローする場合は、それを隠す必要があります。 Firefoxでは、飛行オブジェクトが親divの外側に表示されることがあります。アニメーションを見るには、要素をホバーする必要があります。

これは時々私のアニメーションで何が起こるかです：

はここに私のjsfiddleです。

これはChrome、Opera、IE11、Safari（バグ修正あり）では動作しますが、Firefoxでは動作しません。

誰かが私を助けることを願っています。 :)

Answer 1

この不具合はFirefox 50に修正されました。

Fixed rendering of dashed and dotted borders with rounded corners (border-radius) 

テストしたバージョン49、49.0.2と50。