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 (anonymous)",
-          "rect": [18, 148, 200, 18],
+          "object": "LayoutBlockFlow DIV",
+          "rect": [8, 8, 32, 15],
           "reason": "forced by layout"
         },
         {
-          "object": "LayoutBlockFlow (anonymous)",
-          "rect": [18, 110, 200, 18],
+          "object": "LayoutRuby (inline) RUBY id='outer'",
+          "rect": [8, 15, 32, 8],
+          "reason": "style change"
+        },
+        {
+          "object": "LayoutRubyBase (anonymous)",
+          "rect": [8, 15, 20, 8],
+          "reason": "style change"
+        },
+        {
+          "object": "LayoutRubyRun (anonymous)",
+          "rect": [8, 15, 20, 8],
           "reason": "forced by layout"
         },
         {
-          "object": "LayoutInline SPAN id='outer'",
-          "rect": [16, 108, 88, 60],
-          "reason": "style change"
-        },
-        {
-          "object": "LayoutInline SPAN id='outer'",
-          "rect": [16, 146, 88, 22],
+          "object": "LayoutText #text",
+          "rect": [9, 15, 19, 8],
           "reason": "style change"
         },
         {
           "object": "LayoutText #text",
-          "rect": [18, 148, 84, 18],
+          "rect": [9, 8, 19, 7],
           "reason": "forced by layout"
         },
         {
-          "object": "LayoutText #text",
-          "rect": [18, 110, 84, 18],
-          "reason": "forced by layout"
+          "object": "LayoutRubyText RT id='inner'",
+          "rect": [28, 15, 12, 8],
+          "reason": "style change"
         }
       ]
     }
   ],
   "objectPaintInvalidations": [
     {
-      "object": "LayoutBlockFlow (anonymous)",
+      "object": "LayoutBlockFlow DIV",
       "reason": "forced by layout"
     },
     {
       "object": "RootInlineBox",
       "reason": "forced by layout"
     },
     {
-      "object": "LayoutInline SPAN id='outer'",
+      "object": "LayoutText #text",
+      "reason": "forced by layout"
+    },
+    {
+      "object": "InlineTextBox 'a'",
+      "reason": "forced by layout"
+    },
+    {
+      "object": "LayoutRuby (inline) RUBY id='outer'",
       "reason": "style change"
     },
     {
       "object": "InlineFlowBox",
       "reason": "style change"
     },
     {
-      "object": "LayoutText #text",
+      "object": "LayoutRubyRun (anonymous)",
       "reason": "forced by layout"
     },
     {
-      "object": "InlineTextBox 'CONTENTS'",
-      "reason": "forced by layout"
-    },
-    {
-      "object": "LayoutBlockFlow (anonymous)",
-      "reason": "forced by layout"
+      "object": "LayoutRubyText RT id='inner'",
+      "reason": "style change"
     },
     {
       "object": "RootInlineBox",
-      "reason": "forced by layout"
-    },
-    {
-      "object": "LayoutInline SPAN id='outer'",
       "reason": "style change"
     },
     {
-      "object": "InlineFlowBox",
+      "object": "LayoutRubyBase (anonymous)",
+      "reason": "style change"
+    },
+    {
+      "object": "RootInlineBox",
       "reason": "style change"
     },
     {
       "object": "LayoutText #text",
-      "reason": "forced by layout"
+      "reason": "style change"
     },
     {
-      "object": "InlineTextBox 'CONTENTS'",
-      "reason": "forced by layout"
-    },
-    {
-      "object": "LayoutBlockFlow (anonymous)",
-      "reason": "forced by layout"
-    },
-    {
-      "object": "LayoutInline SPAN id='outer'",
+      "object": "InlineTextBox 'b'",
       "reason": "style change"
     }
   ]
 }