ManualTests/stale-scrollbar-client-crash.html

   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>