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> 
10Drag 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> 
14Each 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>  
18The 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>
55