Implement select listbox using 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..ccb3d05884b805808fec2056e93e8e2e42bd98ed 100644
--- a/LayoutTests/fast/forms/listbox-onchange.html
+++ b/LayoutTests/fast/forms/listbox-onchange.html
@@ -131,12 +131,9 @@
                         ctrl = true;
                 }
                 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);
+                event.initMouseEvent("mousedown", true, true, document.defaultView, 1, 0, 0, 0, 0, ctrl, false, shift, meta, 0, document);
+                sl.options[index].dispatchEvent(event);

[keishi, 2014/06/22 11:59:55]

Event target needs to be an option element now.

             }
 
             function mouseUpOnSelect(selId, index, shift, metaOrCtrl)
@@ -150,12 +147,9 @@
                         ctrl = true;
                 }
                 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);
+                event.initMouseEvent("mouseup", true, true, document.defaultView, 1, 0, 0, 0, 0, ctrl, false, shift, meta, 0, document);
+                sl.options[index].dispatchEvent(event);
             }
 
             function keyDownOnSelect(selId, identifier, shift, metaOrCtrl)