Fix unprefixed transitions when experimental features flag is off

The patch https://codereview.chromium.org/415613002 unintentionally made unprefixed transitions depend on the animations unprefixed flag as it made us exit out of prefixingVariantForPropertyId when the flag was off. BUG=404001 Review URL: https://codereview.chromium.org/478523003 git-svn-id: svn://svn.chromium.org/blink/trunk@180327 bbb929c8-8fbe-4397-9dbb-9b2b20218538

Fix unprefixed transitions when experimental features flag is off
The patch https://codereview.chromium.org/415613002 unintentionally made unprefixed transitions depend on the animations unprefixed flag as it made us exit out of prefixingVariantForPropertyId when the flag was off. BUG=404001 Review URL: https://codereview.chromium.org/478523003 git-svn-id: svn://svn.chromium.org/blink/trunk@180327 bbb929c8-8fbe-4397-9dbb-9b2b20218538
8ac709e3 · timloh@chromium.org · 32b1e19e · 8ac709e3 · 8ac709e3
Commit 8ac709e3 authored Aug 15, 2014 by timloh@chromium.org
2 changed files
--- a/third_party/WebKit/LayoutTests/virtual/stable/animations-unprefixed/transitions-unprefixed.html
+++ b/third_party/WebKit/LayoutTests/virtual/stable/animations-unprefixed/transitions-unprefixed.html
+<!DOCTYPE html>
+<script src="../../../resources/testharness.js"></script>
+<script src="../../../resources/testharnessreport.js"></script>
+<style>
+#bg {
+  transition: all 5s;
+  transform: none;
+}
+</style>
+<div id="div"></div>
+<script>
+div.offsetTop;
+test(function() {
+  div.style.transform = "translateX(100px)";
+  assert_not_equals(getComputedStyle(div).transform, "translateX(100px)");
+}, 'Ensure that unprefixed transitions work.');
+</script>
--- a/third_party/WebKit/Source/core/css/CSSProperty.h
+++ b/third_party/WebKit/Source/core/css/CSSProperty.h
@@ -92,101 +92,73 @@ private:
 inline CSSPropertyID prefixingVariantForPropertyId(CSSPropertyID propId)
 {
-    if (!RuntimeEnabledFeatures::cssAnimationUnprefixedEnabled())
+    if (RuntimeEnabledFeatures::cssAnimationUnprefixedEnabled()) {
-        return propId;
+        switch (propId) {
+        case CSSPropertyAnimation:
+            return CSSPropertyWebkitAnimation;
+        case CSSPropertyAnimationDelay:
+            return CSSPropertyWebkitAnimationDelay;
+        case CSSPropertyAnimationDirection:
+            return CSSPropertyWebkitAnimationDirection;
+        case CSSPropertyAnimationDuration:
+            return CSSPropertyWebkitAnimationDuration;
+        case CSSPropertyAnimationFillMode:
+            return CSSPropertyWebkitAnimationFillMode;
+        case CSSPropertyAnimationIterationCount:
+            return CSSPropertyWebkitAnimationIterationCount;
+        case CSSPropertyAnimationName:
+            return CSSPropertyWebkitAnimationName;
+        case CSSPropertyAnimationPlayState:
+            return CSSPropertyWebkitAnimationPlayState;
+        case CSSPropertyAnimationTimingFunction:
+            return CSSPropertyWebkitAnimationTimingFunction;
+        case CSSPropertyWebkitAnimation:
+            return CSSPropertyAnimation;
+        case CSSPropertyWebkitAnimationDelay:
+            return CSSPropertyAnimationDelay;
+        case CSSPropertyWebkitAnimationDirection:
+            return CSSPropertyAnimationDirection;
+        case CSSPropertyWebkitAnimationDuration:
+            return CSSPropertyAnimationDuration;
+        case CSSPropertyWebkitAnimationFillMode:
+            return CSSPropertyAnimationFillMode;
+        case CSSPropertyWebkitAnimationIterationCount:
+            return CSSPropertyAnimationIterationCount;
+        case CSSPropertyWebkitAnimationName:
+            return CSSPropertyAnimationName;
+        case CSSPropertyWebkitAnimationPlayState:
+            return CSSPropertyAnimationPlayState;
+        case CSSPropertyWebkitAnimationTimingFunction:
+            return CSSPropertyAnimationTimingFunction;
+        default:
+            break;
+        }
+    }
-    CSSPropertyID propertyId = CSSPropertyInvalid;
    switch (propId) {
-    case CSSPropertyAnimation:
-        propertyId = CSSPropertyWebkitAnimation;
-        break;
-    case CSSPropertyAnimationDelay:
-        propertyId = CSSPropertyWebkitAnimationDelay;
-        break;
-    case CSSPropertyAnimationDirection:
-        propertyId = CSSPropertyWebkitAnimationDirection;
-        break;
-    case CSSPropertyAnimationDuration:
-        propertyId = CSSPropertyWebkitAnimationDuration;
-        break;
-    case CSSPropertyAnimationFillMode:
-        propertyId = CSSPropertyWebkitAnimationFillMode;
-        break;
-    case CSSPropertyAnimationIterationCount:
-        propertyId = CSSPropertyWebkitAnimationIterationCount;
-        break;
-    case CSSPropertyAnimationName:
-        propertyId = CSSPropertyWebkitAnimationName;
-        break;
-    case CSSPropertyAnimationPlayState:
-        propertyId = CSSPropertyWebkitAnimationPlayState;
-        break;
-    case CSSPropertyAnimationTimingFunction:
-        propertyId = CSSPropertyWebkitAnimationTimingFunction;
-        break;
    case CSSPropertyTransitionDelay:
-        propertyId = CSSPropertyWebkitTransitionDelay;
+        return CSSPropertyWebkitTransitionDelay;
-        break;
    case CSSPropertyTransitionDuration:
-        propertyId = CSSPropertyWebkitTransitionDuration;
+        return CSSPropertyWebkitTransitionDuration;
-        break;
    case CSSPropertyTransitionProperty:
-        propertyId = CSSPropertyWebkitTransitionProperty;
+        return CSSPropertyWebkitTransitionProperty;
-        break;
    case CSSPropertyTransitionTimingFunction:
-        propertyId = CSSPropertyWebkitTransitionTimingFunction;
+        return CSSPropertyWebkitTransitionTimingFunction;
-        break;
    case CSSPropertyTransition:
-        propertyId = CSSPropertyWebkitTransition;
+        return CSSPropertyWebkitTransition;
-        break;
-    case CSSPropertyWebkitAnimation:
-        propertyId = CSSPropertyAnimation;
-        break;
-    case CSSPropertyWebkitAnimationDelay:
-        propertyId = CSSPropertyAnimationDelay;
-        break;
-    case CSSPropertyWebkitAnimationDirection:
-        propertyId = CSSPropertyAnimationDirection;
-        break;
-    case CSSPropertyWebkitAnimationDuration:
-        propertyId = CSSPropertyAnimationDuration;
-        break;
-    case CSSPropertyWebkitAnimationFillMode:
-        propertyId = CSSPropertyAnimationFillMode;
-        break;
-    case CSSPropertyWebkitAnimationIterationCount:
-        propertyId = CSSPropertyAnimationIterationCount;
-        break;
-    case CSSPropertyWebkitAnimationName:
-        propertyId = CSSPropertyAnimationName;
-        break;
-    case CSSPropertyWebkitAnimationPlayState:
-        propertyId = CSSPropertyAnimationPlayState;
-        break;
-    case CSSPropertyWebkitAnimationTimingFunction:
-        propertyId = CSSPropertyAnimationTimingFunction;
-        break;
    case CSSPropertyWebkitTransitionDelay:
-        propertyId = CSSPropertyTransitionDelay;
+        return CSSPropertyTransitionDelay;
-        break;
    case CSSPropertyWebkitTransitionDuration:
-        propertyId = CSSPropertyTransitionDuration;
+        return CSSPropertyTransitionDuration;
-        break;
    case CSSPropertyWebkitTransitionProperty:
-        propertyId = CSSPropertyTransitionProperty;
+        return CSSPropertyTransitionProperty;
-        break;
    case CSSPropertyWebkitTransitionTimingFunction:
-        propertyId = CSSPropertyTransitionTimingFunction;
+        return CSSPropertyTransitionTimingFunction;
-        break;
    case CSSPropertyWebkitTransition:
-        propertyId = CSSPropertyTransition;
+        return CSSPropertyTransition;
-        break;
    default:
-        propertyId = propId;
+        return propId;
-        break;
    }
-    ASSERT(propertyId != CSSPropertyInvalid);
-    return propertyId;
 }
 } // namespace blink