| Torne (Richard Coles) | 5c87bf8 | 2012-11-14 11:46:17 +0000 | [diff] [blame] | 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> |