--- a/devtools/server/actors/animation.js
+++ b/devtools/server/actors/animation.js
@@ -525,18 +525,18 @@ var AnimationPlayerActor = protocol.Acto
     // Calculate the distance.
     for (const property of properties) {
       const propertyName = property.name;
       const maxObject = { distance: -1 };
       for (let i = 0; i < property.values.length - 1; i++) {
         const value1 = property.values[i].value;
         for (let j = i + 1; j < property.values.length; j++) {
           const value2 = property.values[j].value;
-          const distance = this.getDistance(this.player.effect.target, propertyName,
-                                            value1, value2, DOMWindowUtils);
+          const distance =
+            this.getDistance(this.node, propertyName, value1, value2, DOMWindowUtils);
           if (maxObject.distance >= distance) {
             continue;
           }
           maxObject.distance = distance;
           maxObject.value1 = value1;
           maxObject.value2 = value2;
         }
       }
@@ -550,18 +550,18 @@ var AnimationPlayerActor = protocol.Acto
           return current;
         }, property.values[0]);
         continue;
       }
       const baseValue =
         maxObject.value1 < maxObject.value2 ? maxObject.value1 : maxObject.value2;
       for (const values of property.values) {
         const value = values.value;
-        const distance = this.getDistance(this.player.effect.target, propertyName,
-                                          baseValue, value, DOMWindowUtils);
+        const distance =
+          this.getDistance(this.node, propertyName, baseValue, value, DOMWindowUtils);
         values.distance = distance / maxObject.distance;
       }
     }
     return properties;
   },
 
   /**
    * Get the animation types for a given list of CSS property names.