ManualTests/focus-select-when-clicked.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/4011544">4011544</a> selecting an item from a select menu with the mouse doesn't place the focus on the menu</p>
   8
   9 <p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b> <br>
  10 1. Click on the pop-up menu below titled "Click Here", and select OPTION 1 from the list. <br>
  11 2. Verify that a blue focus ring is drawn around the pop-up menu. <br>
  12 3. Press tab, and verify that focus moves to TEXT AREA 2 <br></p>
  13
  14 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
  15 Blue focus ring is drawn around the pop-up menu when clicked, then focus moves to TEXT AREA 2 after pressing tab.</p>
  16
  17 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
  18 No blue focus ring drawn around the pop-up menu when clicked, or after selecting OPTION 1 from the list.  After selecting option 1 and pressing tab, focus will land on the first focusable element on the page.
  19 </p>
  20
  21 <input type="text" value="TEXT AREA 1">
  22 <select>
  23         <option>Click Here</option>
  24         <option>OPTION 1</option>
  25 </select>
  26 <input type="text" value="TEXT AREA 2">
  27
  28 </body>
  29 </html>