Bug 1504065 - Drop text in the child element inside background-color animated element to avoid fuzziness on Windows 7 GPU. r=birtles
authorHiroyuki Ikezoe <hikezoe@mozilla.com>
Wed, 28 Nov 2018 01:43:55 +0000
changeset 504898 94ecc40729d0302ee3953dbab0d280d4a6b174c4
parent 504897 a30f77050399cefc43236e7c552760ce6a68275a
child 504899 3d6e1fe4c371780a6bfcd9c33adce87dd4f38fc6
push id10290
push userffxbld-merge
push dateMon, 03 Dec 2018 16:23:23 +0000
treeherdermozilla-beta@700bed2445e6 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbirtles
bugs1504065
milestone65.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1504065 - Drop text in the child element inside background-color animated element to avoid fuzziness on Windows 7 GPU. r=birtles Depends on D13002 Differential Revision: https://phabricator.services.mozilla.com/D13171
layout/reftests/web-animations/child-in-animating-element-display-none-ref.html
layout/reftests/web-animations/child-in-animating-element-display-none.html
--- a/layout/reftests/web-animations/child-in-animating-element-display-none-ref.html
+++ b/layout/reftests/web-animations/child-in-animating-element-display-none-ref.html
@@ -1,16 +1,18 @@
 <!DOCTYPE html>
 <html>
 <style>
 div {
   width: 100px;
   height: 100px;
   background-color: blue;
 }
-span {
+#child {
   background-color: green;
+  width: 50px;
+  height: 50px;
 }
 </style>
 <div>
-  <span>child</span>
+  <div id="child"></div>
 </div>
 </html>
--- a/layout/reftests/web-animations/child-in-animating-element-display-none.html
+++ b/layout/reftests/web-animations/child-in-animating-element-display-none.html
@@ -4,22 +4,24 @@
 Child element in animating element that display property is changed from none
 </title>
 <style>
 #test {
   display: none;
   width: 100px;
   height: 100px;
 }
-span {
+#child {
   background-color: green;
+  width: 50px;
+  height: 50px;
 }
 </style>
 <div id="test">
-  <span>child</span>
+  <div id="child"></div>
 </div>
 <script>
   var anim = test.animate({ backgroundColor: [ 'blue', 'blue' ] },
                           { duration: 1000,
                             iterations: Infinity });
 
   requestAnimationFrame(() => {
     requestAnimationFrame(() => {