Implement select listbox using shadow DOM

LayoutTests/platform/mac/fast/forms/select-list-box-with-height-expected.txt

Index: LayoutTests/platform/mac/fast/forms/select-list-box-with-height-expected.txt
diff --git a/LayoutTests/platform/mac/fast/forms/select-list-box-with-height-expected.txt b/LayoutTests/platform/mac/fast/forms/select-list-box-with-height-expected.txt
index a8b83f0d8721a851a100871852d9041cf4c20862..d72aac68388c091abc56b02373aabea0dd8ea83a 100644
--- a/LayoutTests/platform/mac/fast/forms/select-list-box-with-height-expected.txt
+++ b/LayoutTests/platform/mac/fast/forms/select-list-box-with-height-expected.txt
@@ -7,5 +7,45 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 365x18
           text run at (0,0) width 365: "The select below has a size of 3, but a much larger height."
       RenderBlock (anonymous) at (0,34) size 784x250
-        RenderListBox {SELECT} at (0,0) size 59x250 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
         RenderText {#text} at (0,0) size 0x0
+layer at (8,42) size 59x250 clip at (9,43) size 46x248
+  RenderListBox {SELECT} at (0,0) size 58.83x250 [bgcolor=#FFFFFF] [border: (1px solid #999999)]
+    RenderBlock {OPTION} at (1,1) size 45.83x14
+      RenderText {#text} at (2,0) size 20x13
+        text run at (2,0) width 20: "one"
+    RenderBlock {OPTION} at (1,15) size 45.83x14
+      RenderText {#text} at (2,0) size 20x13
+        text run at (2,0) width 20: "two"
+    RenderBlock {OPTION} at (1,29) size 45.83x14
+      RenderText {#text} at (2,0) size 28x13
+        text run at (2,0) width 28: "three"
+    RenderBlock {OPTION} at (1,43) size 45.83x14
+      RenderText {#text} at (2,0) size 23x13
+        text run at (2,0) width 23: "four"
+    RenderBlock {OPTION} at (1,57) size 45.83x14
+      RenderText {#text} at (2,0) size 20x13
+        text run at (2,0) width 20: "five"
+    RenderBlock {OPTION} at (1,71) size 45.83x14
+      RenderText {#text} at (2,0) size 16x13
+        text run at (2,0) width 16: "six"
+    RenderBlock {OPTION} at (1,85) size 45.83x14
+      RenderText {#text} at (2,0) size 31x13
+        text run at (2,0) width 31: "seven"
+    RenderBlock {OPTION} at (1,99) size 45.83x14
+      RenderText {#text} at (2,0) size 28x13
+        text run at (2,0) width 28: "eight"
+    RenderBlock {OPTION} at (1,113) size 45.83x14
+      RenderText {#text} at (2,0) size 23x13
+        text run at (2,0) width 23: "nine"
+    RenderBlock {OPTION} at (1,127) size 45.83x14
+      RenderText {#text} at (2,0) size 18x13
+        text run at (2,0) width 18: "ten"
+    RenderBlock {OPTION} at (1,141) size 45.83x14
+      RenderText {#text} at (2,0) size 35x13
+        text run at (2,0) width 35: "eleven"
+    RenderBlock {OPTION} at (1,155) size 45.83x14
+      RenderText {#text} at (2,0) size 34x13
+        text run at (2,0) width 34: "twelve"
+    RenderBlock {OPTION} at (1,169) size 45.83x14
+      RenderText {#text} at (2,0) size 42x13
+        text run at (2,0) width 42: "thirteen"