Implement select listbox using shadow DOM

LayoutTests/platform/mac/fast/text/drawBidiText-expected.txt

Index: LayoutTests/platform/mac/fast/text/drawBidiText-expected.txt
diff --git a/LayoutTests/platform/mac/fast/text/drawBidiText-expected.txt b/LayoutTests/platform/mac/fast/text/drawBidiText-expected.txt
index b51271615636bd25cb3b4c9077c1f2238be08585..e9ac11e3427c02d570b5da7486b7f32a3adbef3c 100644
--- a/LayoutTests/platform/mac/fast/text/drawBidiText-expected.txt
+++ b/LayoutTests/platform/mac/fast/text/drawBidiText-expected.txt
@@ -6,5 +6,51 @@ layer at (0,0) size 800x600
       RenderBlock {P} at (0,0) size 784x18
         RenderText {#text} at (0,0) size 280x18
           text run at (0,0) width 280: "This tests GraphicsContext::drawBidiText()."
-      RenderListBox {SELECT} at (0,34) size 346x199 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
-      RenderListBox {SELECT} at (0,233) size 391x18 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+layer at (8,42) size 345x200 clip at (9,43) size 332x198 scrollHeight 201
+  RenderListBox {SELECT} at (0,34) size 345.36x200 [bgcolor=#FFFFFF] [border: (1px solid #999999)]
+    RenderBlock {OPTION} at (1,1) size 332.36x22
+      RenderText {#text} at (2,0) size 225x21
+        text run at (2,0) width 44: "First "
+        text run at (45,0) width 67 RTL: ") \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA}"
+        text run at (111,0) width 24: "03"
+        text run at (134,0) width 51 RTL: "\x{5E9}\x{5E0}\x{5D9}\x{5D4} ("
+        text run at (184,0) width 43: " fifth"
+    RenderBlock {OPTION} at (1,23) size 332.36x22
+      RenderText {#text} at (105,0) size 226x21
+        text run at (105,0) width 38: "fifth"
+        text run at (142,0) width 72 RTL: ") \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} "
+        text run at (213,0) width 24: "03"
+        text run at (236,0) width 57 RTL: " \x{5E9}\x{5E0}\x{5D9}\x{5D4} ("
+        text run at (292,0) width 39: "First"
+    RenderBlock {OPTION} at (1,45) size 332.36x22
+      RenderText {#text} at (2,0) size 225x21
+        text run at (2,0) width 225 LTR override: "First \x{5E9}\x{5E0}\x{5D9}\x{5D4} (03) \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} fifth"
+    RenderBlock {OPTION} at (1,67) size 332.36x22
+      RenderText {#text} at (105,0) size 226x21
+        text run at (105,0) width 226 RTL override: "First \x{5E9}\x{5E0}\x{5D9}\x{5D4} (03) \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} fifth"
+    RenderBlock {OPTION} at (1,89) size 332.36x22
+      RenderText {#text} at (2,0) size 113x21
+        text run at (2,0) width 113 RTL: "\x{5DE}\x{5E9}\x{5D4}\x{5D5} \x{5E2}\x{5DD} \x{5E0}\x{5B4}\x{5E7}\x{5BC}\x{5D5}\x{5BC}\x{5D3}"
+    RenderBlock {OPTION} at (1,111) size 332.36x25
+      RenderText {#text} at (2,0) size 74x21
+        text run at (2,0) width 74 RTL: "\x{627}\x{644}\x{644}\x{63A}\x{629} \x{627}\x{644}\x{639}\x{631}\x{628}\x{64A}\x{629}"
+    RenderBlock {OPTION} at (1,136) size 332.36x22
+      RenderText {#text} at (2,0) size 132x21
+        text run at (2,0) width 132: "Et volia\x{300}: ATSUI!"
+    RenderBlock {OPTION} at (1,158) size 332.36x22
+      RenderText {#text} at (2,0) size 312x21
+        text run at (2,0) width 101: "Directional "
+        text run at (102,0) width 82 RTL override: "\x{202E}overrides"
+        text run at (183,0) width 131: "\x{202C} are confusing."
+    RenderBlock {OPTION} at (1,180) size 332.36x22
+      RenderText {#text} at (2,0) size 329x21
+        text run at (2,0) width 86: "She said \x{201C}"
+        text run at (87,0) width 74 RTL: " \x{5D1}\x{5DE}\x{5D6}\x{5D5}\x{5D5}\x{5D3}\x{5D4}!"
+        text run at (160,0) width 37: "TNT"
+        text run at (196,0) width 25 RTL: "\x{202B}\x{5D9}\x{5E9} "
+        text run at (220,0) width 111: "\x{202C}\x{201D} and ran off"
+layer at (8,242) size 390x18 clip at (9,243) size 377x16
+  RenderListBox {SELECT} at (0,234) size 390.30x18 [bgcolor=#FFFFFF] [border: (1px solid #999999)]
+    RenderBlock {OPTION} at (1,1) size 377.30x16
+      RenderText {#text} at (2,0) size 374x15
+        text run at (2,0) width 374: "There are two ways to measure text: my way and the wrong way"