|
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|
2 "http://www.w3.org/TR/html4/strict.dtd"> |
|
3 <html lang="en"> |
|
4 <head> |
|
5 </head> |
|
6 <body> |
|
7 <p><b>BUG ID:</b> <a href="rdar://problem/5523503">rdar://problem/5523503</a> Safari crashes clicking scroll bar in FaceBook 'Trips'</p> |
|
8 |
|
9 <p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b> |
|
10 Drag the scroll thumb in each of the vertical scrollbars below. |
|
11 </p> |
|
12 |
|
13 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b> |
|
14 Each scrollbar will disappear when clicked, along with the box containing it, but the browser will not crash as you continue to drag. |
|
15 </p> |
|
16 |
|
17 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b> |
|
18 The scrollbar will disappear and Safari will crash as you continue dragging. |
|
19 </p> |
|
20 |
|
21 <div style="height: 120px;"> |
|
22 <div id="overflow" style="overflow: auto; height: 100px; width: 100px; background-color: lightblue;"> |
|
23 <div style="height: 200px;"></div> |
|
24 </div> |
|
25 </div> |
|
26 <div> |
|
27 <select multiple="true" id="listbox" style="height: 100px; width: 100px;"> |
|
28 <option>One</option> |
|
29 <option>Two</option> |
|
30 <option>Three</option> |
|
31 <option>Four</option> |
|
32 <option>Five</option> |
|
33 <option>Six</option> |
|
34 <option>Seven</option> |
|
35 <option>Eight</option> |
|
36 <option>Nine</option> |
|
37 <option>Ten</option> |
|
38 </select> |
|
39 </div> |
|
40 <script> |
|
41 var overflow = document.getElementById("overflow"); |
|
42 var listbox = document.getElementById("listbox"); |
|
43 |
|
44 function mousedown(event) |
|
45 { |
|
46 if (event.target.id) |
|
47 setTimeout(event.target.id + '.style.display = "none"', 0); |
|
48 } |
|
49 |
|
50 overflow.addEventListener("mousedown", mousedown, false); |
|
51 listbox.addEventListener("mousedown", mousedown, false); |
|
52 </script> |
|
53 </body> |
|
54 </html> |