1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29

content / test / data / accessibility / html / input-radio-unhidden.html [blame]

<!DOCTYPE html>
<!--
@WAIT-FOR:done
-->
<main>
  <fieldset style="display:none;">
    <legend>These radio buttons will randomly not have a label on Chromium web browsers.</legend>
    <input type="radio" name="hiddenRadio" id="apple">
    <label for="apple"><span>Apple</span></label>
    <input type="radio" name="hiddenRadio" id="banana">
    <label for="banana"><span>Banana</span></label>
    <input type="radio" name="hiddenRadio" id="cherry">
    <label for="cherry"><span>Cherry</span></label>
    <input type="radio" name="hiddenRadio" id="durian">
    <label for="durian"><span>Durian</span></label>
    <input type="radio" name="hiddenRadio" id="eggplant">
    <label for="eggplant"><span>Eggplant</span></label>
  </fieldset>
</main>
<script async defer>
  document.addEventListener('DOMContentLoaded', () => {
    requestAnimationFrame(() => {
      requestAnimationFrame(() => {
        document.querySelector('fieldset').style.display = 'block';
        document.title = 'done';
      });
    })
  });
</script>