select-appearance-optgroup-rendering.html (882B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <meta name=fuzzy content="maxDifference=0-3;totalPixels=0-1"> 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-appearance-optgroup-rendering-ref.html"> 7 <script src="/resources/testdriver.js"></script> 8 <script src="/resources/testdriver-vendor.js"></script> 9 10 <style> 11 select, select::picker(select) { 12 appearance: base-select; 13 } 14 div { 15 border: 2px solid green; 16 } 17 </style> 18 19 <select> 20 <option>one</option> 21 <optgroup label=labelattribute> 22 <option>two</option> 23 <div> 24 <option>three</option> 25 </div> 26 </optgroup> 27 <option>four</option> 28 </select> 29 30 <script> 31 (async () => { 32 await test_driver.bless(); 33 document.querySelector('select').showPicker(); 34 document.documentElement.classList.remove('reftest-wait'); 35 })(); 36 </script>