Use same layout logic in animations for deciding whether an element can transform

third_party/WebKit/Source/core/paint/PaintPropertyTreeBuilder.cpp

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 #include "core/paint/PaintPropertyTreeBuilder.h"
 
 #include "core/frame/FrameView.h"
 #include "core/frame/LocalFrame.h"
 #include "core/frame/Settings.h"
 #include "core/layout/LayoutInline.h"
@@ skipping 115 matching lines @@
         if (!transform.isIdentity()) {
             // The origin is included in the local transform, so leave origin empty.
             context.current.transform = object.getMutableForPainting().ensureObjectPaintProperties().createOrUpdateTransform(
                 context.current.transform, TransformationMatrix(transform), FloatPoint3D());
             context.current.renderingContextID = 0;
             context.current.shouldFlattenInheritedTransform = false;
             return;
         }
     } else {
         const ComputedStyle& style = object.styleRef();
-        if (object.isBox() && (style.hasTransform() || style.preserves3D())) {
+        if (object.canTransform() && (style.hasTransform() || style.preserves3D())) {
             TransformationMatrix matrix;
             style.applyTransform(matrix, toLayoutBox(object).size(), ComputedStyle::ExcludeTransformOrigin,
                 ComputedStyle::IncludeMotionPath, ComputedStyle::IncludeIndependentTransformProperties);
             FloatPoint3D origin = transformOrigin(toLayoutBox(object));
 
             unsigned renderingContextID = context.current.renderingContextID;
             unsigned renderingContextIDForChildren = 0;
             bool flattensInheritedTransform = context.current.shouldFlattenInheritedTransform;
             bool childrenFlattenInheritedTransform = true;
 
@@ skipping 121 matching lines @@
     const ComputedStyle& style = box.styleRef();
     FloatSize borderBoxSize(box.size());
     return FloatPoint(
         floatValueForLength(style.perspectiveOriginX(), borderBoxSize.width()),
         floatValueForLength(style.perspectiveOriginY(), borderBoxSize.height()));
 }
 
 void PaintPropertyTreeBuilder::updatePerspective(const LayoutObject& object, PaintPropertyTreeBuilderContext& context)
 {
     const ComputedStyle& style = object.styleRef();
     if (!object.isBox() || !style.hasPerspective()) {

[trchen, 2016/08/09 01:22:02]

object.canTransform() here too.

[alancutter (OOO until 2018), 2016/08/09 02:07:21]

Done.

         if (ObjectPaintProperties* properties = object.getMutableForPainting().objectPaintProperties())
             properties->clearPerspective();
         return;
     }
 
     // The perspective node must not flatten (else nothing will get
     // perspective), but it should still extend the rendering context as most
     // transform nodes do.
     TransformationMatrix matrix = TransformationMatrix().applyPerspective(style.perspective());
     FloatPoint3D origin = perspectiveOrigin(toLayoutBox(object)) + toLayoutSize(context.current.paintOffset);
@@ skipping 142 matching lines @@
     updateLocalBorderBoxContext(object, context);
     updateScrollbarPaintOffset(object, context);
     updateOverflowClip(object, context);
     updatePerspective(object, context);
     updateSvgLocalToBorderBoxTransform(object, context);
     updateScrollTranslation(object, context);
     updateOutOfFlowContext(object, context);
 }
 
 } // namespace blink