focus-select-when-clicked.html 1.3 KB

1234567891011121314151617181920212223242526272829
  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. <p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b> <br>
  9. 1. Click on the pop-up menu below titled "Click Here", and select OPTION 1 from the list. <br>
  10. 2. Verify that a blue focus ring is drawn around the pop-up menu. <br>
  11. 3. Press tab, and verify that focus moves to TEXT AREA 2 <br></p>
  12. <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
  13. Blue focus ring is drawn around the pop-up menu when clicked, then focus moves to TEXT AREA 2 after pressing tab.</p>
  14. <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
  15. 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.
  16. </p>
  17. <input type="text" value="TEXT AREA 1">
  18. <select>
  19. <option>Click Here</option>
  20. <option>OPTION 1</option>
  21. </select>
  22. <input type="text" value="TEXT AREA 2">
  23. </body>
  24. </html>