Implement select listbox using shadow DOM

LayoutTests/fast/forms/listbox-selection-2.html

Index: LayoutTests/fast/forms/listbox-selection-2.html
diff --git a/LayoutTests/fast/forms/listbox-selection-2.html b/LayoutTests/fast/forms/listbox-selection-2.html
index 3735f287ff68398c6010b8af591cc4103303b483..a23fefbc51d57c77e7d2e36828d53bcb881781a4 100644
--- a/LayoutTests/fast/forms/listbox-selection-2.html
+++ b/LayoutTests/fast/forms/listbox-selection-2.html
@@ -50,9 +50,9 @@ function mouseDownOnSelect(selId, index)
     var borderPaddingTop = 15;
     var borderPaddingLeft = 15;
     var y = index * itemHeight + itemHeight / 3 - window.pageYOffset + borderPaddingTop;
-    var event = document.createEvent("MouseEvent");
-    event.initMouseEvent("mousedown", true, true, document.defaultView, 1, sl.offsetLeft +  borderPaddingLeft, sl.offsetTop + y, sl.offsetLeft + borderPaddingLeft, sl.offsetTop + y, false, false, false, false, 0, document);
-    sl.dispatchEvent(event);
+    eventSender.mouseMoveTo(sl.offsetLeft +  borderPaddingLeft, sl.offsetTop + y);
+    eventSender.mouseDown();
+    eventSender.mouseUp();
 }
 
 function selectionPattern(selectId)