Implement select element list box with shadow DOM.

LayoutTests/platform/chromium-linux/fast/forms/disabled-select-change-index-expected.txt

Index: LayoutTests/platform/chromium-linux/fast/forms/disabled-select-change-index-expected.txt
diff --git a/LayoutTests/platform/chromium-linux/fast/forms/disabled-select-change-index-expected.txt b/LayoutTests/platform/chromium-linux/fast/forms/disabled-select-change-index-expected.txt
index 6c512366bb6622f1d5ef01f6573451974ae23150..82431622d0b17a98d5608f1e74de49a2e1365e8f 100644
--- a/LayoutTests/platform/chromium-linux/fast/forms/disabled-select-change-index-expected.txt
+++ b/LayoutTests/platform/chromium-linux/fast/forms/disabled-select-change-index-expected.txt
@@ -23,14 +23,10 @@ layer at (0,0) size 800x600
           RenderText at (4,1) size 36x16
             text run at (4,1) width 36: "PASS"
       RenderBR {BR} at (65,89) size 0x0
-      RenderListBox {SELECT} at (2,98) size 57x69 [color=#808080] [bgcolor=#FFFFFF] [border: (1px inset #808080)]
-      RenderBR {BR} at (61,162) size 0x0
-      RenderListBox {SELECT} at (2,171) size 57x69 [color=#808080] [bgcolor=#FFFFFF] [border: (1px inset #808080)]
-      RenderBR {BR} at (61,235) size 0x0
-      RenderListBox {SELECT} at (2,244) size 57x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
-      RenderBR {BR} at (61,308) size 0x0
-      RenderListBox {SELECT} at (2,317) size 57x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
-      RenderBR {BR} at (61,381) size 0x0
+      RenderBR {BR} at (61,165) size 0x0
+      RenderBR {BR} at (61,238) size 0x0
+      RenderBR {BR} at (61,311) size 0x0
+      RenderBR {BR} at (61,384) size 0x0
       RenderText {#text} at (0,388) size 472x19
         text run at (0,388) width 472: "PASS: sel1 correctly set to selectedIndex 1 by sel1.options[1].selected = true."
       RenderBR {BR} at (472,403) size 0x0
@@ -55,3 +51,35 @@ layer at (0,0) size 800x600
       RenderText {#text} at (0,528) size 425x19
         text run at (0,528) width 425: "PASS: sel8 correctly set to selectedIndex 1 by sel8.selectedIndex = 1."
       RenderBR {BR} at (425,543) size 0x0
+layer at (10,106) size 57x69 clip at (11,107) size 40x67
+  RenderListBox {SELECT} at (2,98) size 57x69 [color=#808080] [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+    RenderBlock {OPTION} at (1,1) size 40x17
+      RenderText {#text} at (2,0) size 27x16
+        text run at (2,0) width 27: "FAIL"
+    RenderBlock {OPTION} at (1,18) size 40x16 [bgcolor=#C8C8C8]
+      RenderText {#text} at (2,0) size 36x16
+        text run at (2,0) width 36: "PASS"
+layer at (10,179) size 57x69 clip at (11,180) size 40x67
+  RenderListBox {SELECT} at (2,171) size 57x69 [color=#808080] [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+    RenderBlock {OPTION} at (1,1) size 40x17
+      RenderText {#text} at (2,0) size 27x16
+        text run at (2,0) width 27: "FAIL"
+    RenderBlock {OPTION} at (1,18) size 40x16 [bgcolor=#C8C8C8]
+      RenderText {#text} at (2,0) size 36x16
+        text run at (2,0) width 36: "PASS"
+layer at (10,252) size 57x69 clip at (11,253) size 40x67
+  RenderListBox {SELECT} at (2,244) size 57x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+    RenderBlock {OPTION} at (1,1) size 40x17
+      RenderText {#text} at (2,0) size 27x16
+        text run at (2,0) width 27: "FAIL"
+    RenderBlock {OPTION} at (1,18) size 40x16 [color=#808080] [bgcolor=#C8C8C8]
+      RenderText {#text} at (2,0) size 36x16
+        text run at (2,0) width 36: "PASS"
+layer at (10,325) size 57x69 clip at (11,326) size 40x67
+  RenderListBox {SELECT} at (2,317) size 57x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+    RenderBlock {OPTION} at (1,1) size 40x17
+      RenderText {#text} at (2,0) size 27x16
+        text run at (2,0) width 27: "FAIL"
+    RenderBlock {OPTION} at (1,18) size 40x16 [color=#808080] [bgcolor=#C8C8C8]
+      RenderText {#text} at (2,0) size 36x16
+        text run at (2,0) width 36: "PASS"