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> 55
