select-open-invalidation.html (976B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <meta name=fuzzy content="maxDifference=0-41;totalPixels=0-2"> 4 <link rel=author href="mailto:jarhar@chromium.org"> 5 <link rel=help href="https://github.com/whatwg/html/issues/9799"> 6 <link rel=match href="select-open-invalidation-ref.html"> 7 <script src="/resources/testdriver.js"></script> 8 <script src="/resources/testdriver-vendor.js"></script> 9 10 <style> 11 select > button { 12 color: red; 13 } 14 select:open > button { 15 color: green; 16 } 17 select, select::picker(select) { 18 appearance: base-select; 19 } 20 </style> 21 22 <select> 23 <button>button</button> 24 <option>one</option> 25 <option>two</option> 26 </select> 27 28 <script> 29 (async () => { 30 await new Promise(requestAnimationFrame); 31 await test_driver.bless(); 32 await new Promise(requestAnimationFrame); 33 try { 34 document.querySelector('select').showPicker(); 35 } catch (error) {} 36 await new Promise(requestAnimationFrame); 37 document.documentElement.classList.remove('reftest-wait'); 38 })(); 39 </script>