select-appearance-optgroup-legend-and-label.html (825B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <link rel=author href="mailto:jarhar@chromium.org"> 4 <link rel=help href="https://issues.chromium.org/issues/378601807"> 5 <link rel=match href="select-appearance-optgroup-legend-ref.html"> 6 <meta name=assert content="The legend element should take precedence over the label attribute"> 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 </style> 15 16 <select> 17 <option>one</option> 18 <optgroup label=label> 19 <legend>legend</legend> 20 <option>two</option> 21 </optgroup> 22 </select> 23 24 <script> 25 (async () => { 26 await test_driver.bless(); 27 document.querySelector('select').showPicker(); 28 document.documentElement.classList.remove('reftest-wait'); 29 })(); 30 </script>