Blocks should be aligned by style of parents

Source/core/rendering/RenderBox.cpp

Index: Source/core/rendering/RenderBox.cpp
diff --git a/Source/core/rendering/RenderBox.cpp b/Source/core/rendering/RenderBox.cpp
index d08b3e586e7a1029c8b6f54e29794111935075af..374712aed83b2523a6bee622b05802a0cd97b518 100644
--- a/Source/core/rendering/RenderBox.cpp
+++ b/Source/core/rendering/RenderBox.cpp
@@ -2110,8 +2110,13 @@ void RenderBox::computeMarginsForDirection(MarginDirection flowDirection, const
     bool pushToEndFromTextAlign = !marginEndLength.isAuto() && ((!containingBlockStyle->isLeftToRightDirection() && containingBlockStyle->textAlign() == WEBKIT_LEFT)
         || (containingBlockStyle->isLeftToRightDirection() && containingBlockStyle->textAlign() == WEBKIT_RIGHT));
     if ((marginStartLength.isAuto() && marginBoxWidth < availableWidth) || pushToEndFromTextAlign) {

[mstensho (USE GERRIT), 2014/12/08 10:01:21]

Now handling of regular auto margins will be broken in twisted direction
situations:

<p>Should be yellow to the left, lime to the right.</p>
<div style="width:400px; background:yellow;" dir="rtl">
    <div style="margin-left:auto; width:200px; height:100px; background:lime;"
dir="ltr"></div>
</div>

I'll start a try job to see that we actually have tests for this. If not, one
should be written. Let's find out...

[Kyungtae Kim, 2014/12/09 04:53:08]

I included autoMargin cases in a new test case

-        marginEnd = marginEndWidth;
-        marginStart = availableWidth - childWidth - marginEnd;
+        if (containingBlockStyle->isLeftToRightDirection() != style()->isLeftToRightDirection()) {
+            marginStart = marginStartWidth;
+            marginEnd = availableWidth - childWidth - marginStart;
+        } else {
+            marginEnd = marginEndWidth;
+            marginStart = availableWidth - childWidth - marginEnd;
+        }
         return;
     }