Fix Ruby visual rects in flipped blocks writing mode.

third_party/WebKit/LayoutTests/paint/invalidation/ruby-flipped-blocks-expected.txt

 {
   "name": "Content Root Layer",
   "bounds": [800, 600],
   "children": [
     {
       "name": "LayoutView #document",
       "bounds": [800, 600],
       "contentsOpaque": true,
       "drawsContent": true,
       "paintInvalidations": [
         {
-          "object": "LayoutBlockFlow P",
-          "rect": [8, 130, 784, 66],
+          "object": "LayoutBlockFlow DIV",
+          "rect": [8, 8, 30, 40],
+          "reason": "forced by layout"
+        },
+        {
+          "object": "LayoutRubyBase (anonymous)",
+          "rect": [8, 28, 20, 20],
+          "reason": "style change"
+        },
+        {
+          "object": "LayoutRubyRun (anonymous)",
+          "rect": [8, 28, 20, 20],
           "reason": "forced by layout"
         },
         {
           "object": "LayoutText #text",
-          "rect": [8, 178, 36, 18],
+          "rect": [8, 28, 20, 20],
+          "reason": "style change"
+        },
+        {
+          "object": "LayoutText #text",
+          "rect": [8, 8, 20, 20],
           "reason": "forced by layout"
         },
         {
           "object": "LayoutText #text",
-          "rect": [8, 148, 36, 18],
-          "reason": "forced by layout"
-        },
-        {
-          "object": "LayoutInline SPAN id='d'",
-          "rect": [8, 145, 4, 18],
-          "reason": "style change"
-        },
-        {
-          "object": "LayoutText #text",
-          "rect": [8, 145, 4, 18],
-          "reason": "style change"
-        },
-        {
-          "object": "LayoutText #text",
-          "rect": [8, 130, 4, 18],
+          "rect": [28, 33, 10, 10],
           "reason": "style change"
         }
       ]
     }
   ],
   "objectPaintInvalidations": [
     {
-      "object": "LayoutBlockFlow P",
+      "object": "LayoutBlockFlow DIV",
       "reason": "forced by layout"
     },
     {
       "object": "RootInlineBox",
       "reason": "forced by layout"
     },
     {
-      "object": "LayoutInline SPAN id='d'",
+      "object": "LayoutText #text",
+      "reason": "forced by layout"
+    },
+    {
+      "object": "InlineTextBox 'a'",
+      "reason": "forced by layout"
+    },
+    {
+      "object": "LayoutRubyRun (anonymous)",
+      "reason": "forced by layout"
+    },
+    {
+      "object": "LayoutText #text",
       "reason": "style change"
     },
     {
-      "object": "InlineFlowBox",
+      "object": "InlineTextBox 'c'",
+      "reason": "style change"
+    },
+    {
+      "object": "LayoutRubyBase (anonymous)",
+      "reason": "style change"
+    },
+    {
+      "object": "RootInlineBox",
       "reason": "style change"
     },
     {
       "object": "LayoutText #text",
       "reason": "style change"
     },
     {
-      "object": "InlineTextBox '\u00A0'",
+      "object": "InlineTextBox 'b'",
       "reason": "style change"
-    },
-    {
-      "object": "LayoutBR BR",
-      "reason": "forced by layout"
-    },
-    {
-      "object": "InlineTextBox '\n'",
-      "reason": "forced by layout"
-    },
-    {
-      "object": "LayoutText #text",
-      "reason": "forced by layout"
-    },
-    {
-      "object": "InlineTextBox 'Hello'",
-      "reason": "forced by layout"
-    },
-    {
-      "object": "LayoutBR BR",
-      "reason": "forced by layout"
-    },
-    {
-      "object": "InlineTextBox '\n'",
-      "reason": "forced by layout"
     }
   ]
 }