interestfor-keyboard-invalidation-ref.html (583B)
1 <!DOCTYPE html> 2 <meta charset="utf-8" /> 3 <link rel="author" href="mailto:masonf@chromium.org"> 4 5 <button>Button</button> 6 <button>Button</button> 7 <button id=hasinterest>Button</button> 8 <button class=otherselector>Button</button> 9 <button class=otherselector>Button</button> 10 <div popover id=target>Target</div> 11 12 <style> 13 #hasinterest { 14 background-color: purple; 15 } 16 .otherselector { 17 background-color: green; 18 } 19 #target { 20 background-color: yellow; 21 inset:auto; 22 top:50px; 23 left:0; 24 } 25 </style> 26 27 <script> 28 target.showPopover(); 29 hasinterest.focus(); 30 </script>