Implement select element list box with shadow DOM.

LayoutTests/fast/forms/listbox-onchange.html

Index: LayoutTests/fast/forms/listbox-onchange.html
diff --git a/LayoutTests/fast/forms/listbox-onchange.html b/LayoutTests/fast/forms/listbox-onchange.html
index 34f7fc0047df6818eef761b62bf56f135371dacd..48b99313b2ed30ee111badf25f376f335bbe96fc 100644
--- a/LayoutTests/fast/forms/listbox-onchange.html
+++ b/LayoutTests/fast/forms/listbox-onchange.html
@@ -130,13 +130,17 @@
                     else
                         ctrl = true;
                 }
+                var modifiers = [];
+                if (shift)
+                    modifiers.push("shiftKey");
+                if (meta)
+                    modifiers.push("metaKey");
+                if (ctrl)
+                    modifiers.push("ctrlKey");
                 var sl = document.getElementById(selId);
-                var itemHeight = 14;
-                var border = 1;
-                var y = border + index * itemHeight - window.pageYOffset;
-                var event = document.createEvent("MouseEvent");
-                event.initMouseEvent("mousedown", true, true, document.defaultView, 1, sl.offsetLeft + border, sl.offsetTop + y, sl.offsetLeft + border, sl.offsetTop + y, ctrl, false, shift, meta, 0, document);
-                sl.dispatchEvent(event);
+                var option = sl.options[index];
+                eventSender.mouseMoveTo(option.offsetLeft, option.offsetTop);
+                eventSender.mouseDown(0, modifiers);
             }
 
             function mouseUpOnSelect(selId, index, shift, metaOrCtrl)
@@ -149,13 +153,19 @@
                     else
                         ctrl = true;
                 }
+                var modifiers = [];
+                if (shift)
+                    modifiers.push("shiftKey");
+                if (meta)
+                    modifiers.push("metaKey");
+                if (ctrl)
+                    modifiers.push("ctrlKey");
                 var sl = document.getElementById(selId);
                 var itemHeight = 14;
                 var border = 1;
-                var y = border + index * itemHeight - window.pageYOffset;
-                var event = document.createEvent("MouseEvent");
-                event.initMouseEvent("mouseup", true, true, document.defaultView, 1, sl.offsetLeft + border, sl.offsetTop + y, sl.offsetLeft + border, sl.offsetTop + y, ctrl, false, shift, meta, 0, document);
-                sl.dispatchEvent(event);
+                var option = sl.options[index];
+                eventSender.mouseMoveTo(option.offsetLeft, option.offsetTop);
+                eventSender.mouseUp(0, modifiers);
             }
 
             function keyDownOnSelect(selId, identifier, shift, metaOrCtrl)
@@ -167,7 +177,7 @@
                     if (navigator.userAgent.search(/\bMac OS X\b/) != -1)
                         modifiers[modifiers.length] = "metaKey";
                     else
-                        modifiers[modifiers.length] = "controlKey";
+                        modifiers[modifiers.length] = "ctrlKey";
                 }
 
                 document.getElementById(selId).focus();