[css-grid] Unprefix CSS Grid Layout properties
[WebKit-https.git] / 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>