55 lines
1.8 KiB
HTML
55 lines
1.8 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
|
<html lang="en">
|
|
<head>
|
|
</head>
|
|
<body>
|
|
<p><b>BUG ID:</b> <a href="rdar://problem/5523503">rdar://problem/5523503</a> Safari crashes clicking scroll bar in FaceBook 'Trips'</p>
|
|
|
|
<p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b>
|
|
Drag the scroll thumb in each of the vertical scrollbars below.
|
|
</p>
|
|
|
|
<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
|
|
Each scrollbar will disappear when clicked, along with the box containing it, but the browser will not crash as you continue to drag.
|
|
</p>
|
|
|
|
<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
|
|
The scrollbar will disappear and Safari will crash as you continue dragging.
|
|
</p>
|
|
|
|
<div style="height: 120px;">
|
|
<div id="overflow" style="overflow: auto; height: 100px; width: 100px; background-color: lightblue;">
|
|
<div style="height: 200px;"></div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<select multiple="true" id="listbox" style="height: 100px; width: 100px;">
|
|
<option>One</option>
|
|
<option>Two</option>
|
|
<option>Three</option>
|
|
<option>Four</option>
|
|
<option>Five</option>
|
|
<option>Six</option>
|
|
<option>Seven</option>
|
|
<option>Eight</option>
|
|
<option>Nine</option>
|
|
<option>Ten</option>
|
|
</select>
|
|
</div>
|
|
<script>
|
|
var overflow = document.getElementById("overflow");
|
|
var listbox = document.getElementById("listbox");
|
|
|
|
function mousedown(event)
|
|
{
|
|
if (event.target.id)
|
|
setTimeout(event.target.id + '.style.display = "none"', 0);
|
|
}
|
|
|
|
overflow.addEventListener("mousedown", mousedown, false);
|
|
listbox.addEventListener("mousedown", mousedown, false);
|
|
</script>
|
|
</body>
|
|
</html>
|