tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

display-contents-dynamic-fieldset-legend-001.html (4351B)

      1 <!doctype html>
      2 <title>CSS Display Module Test: display:contents on fieldset/legend</title>
      3 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1694459">
      4 <link rel="help" href="https://drafts.csswg.org/css-display/#box-generation">
      5 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1694459">
      6 <link rel="match" href="display-contents-dynamic-fieldset-legend-001-ref.html">
      7 <style>
      8  body { font-size: 10px; }
      9  fieldset {
     10    border:1px solid;
     11    padding: 1px 0;
     12  }
     13  #test10 { padding: 0; }
     14 </style>
     15 <script>
     16 window.onload = () => {
     17  document.body.getClientRects();
     18  o = document.getElementById("test1")
     19  o.setAttribute("style", "display:contents")
     20  o.getClientRects()
     21  o.style.cssText = ""
     22  o.getClientRects()
     23 
     24  o = document.getElementById("test2")
     25  o.setAttribute("style", "")
     26  o.getClientRects()
     27 
     28  o = document.getElementById("test3")
     29  o.setAttribute("style", "")
     30  o.getClientRects()
     31 
     32  o = document.getElementById("test4")
     33  o.setAttribute("style", "")
     34  o.getClientRects()
     35 
     36  o = document.getElementById("test5")
     37  o.setAttribute("style", "")
     38  o.getClientRects()
     39 
     40  o = document.getElementById("test6")
     41  o.setAttribute("style", "")
     42  o.getClientRects()
     43 
     44  o = document.getElementById("test7")
     45  o.setAttribute("style", "display:contents")
     46  o.getClientRects()
     47 
     48  o = document.getElementById("test8")
     49  o.setAttribute("style", "display:contents")
     50  o.getClientRects()
     51 
     52  o = document.getElementById("test9")
     53  o.setAttribute("style", "display:contents")
     54  o.getClientRects()
     55  o.style.cssText = ""
     56  o.getClientRects()
     57 
     58  o = document.getElementById("test10")
     59  o.setAttribute("style", "display:contents")
     60  o.getClientRects()
     61 
     62  o = document.getElementById("test11")
     63  set = document.createDocumentFragment()
     64  set.append(document.createElement("div"))
     65  legend = document.createElement("legend")
     66  legend.append(document.createTextNode("LEGEND"))
     67  set.append(legend)
     68  legend = document.createElement("legend")
     69  legend.append(document.createTextNode("NOT LEGEND"))
     70  set.append(legend)
     71  o.append(set)
     72  o.getClientRects()
     73 
     74  o = document.getElementById("test12")
     75  o.setAttribute("style", "")
     76  o.getClientRects()
     77 
     78  o = document.getElementById("test13")
     79  o.setAttribute("style", "")
     80  o.getClientRects()
     81 
     82  o = document.getElementById("test14");
     83  o.appendChild(document.createElement('legend')).textContent = "LEGEND";
     84  o.getClientRects();
     85 
     86  o = document.getElementById("test15");
     87  o.textContent = "";
     88  o.getClientRects()
     89 }
     90 </script>
     91 <fieldset>
     92 <fieldset id='test1'>
     93 <legend>LEGEND</legend>
     94 </fieldset>
     95 </fieldset>
     96 
     97 <fieldset>
     98 <fieldset id='test2' style="display:contents">
     99 <legend>LEGEND</legend>
    100 </fieldset>
    101 </fieldset>
    102 
    103 <fieldset>
    104 <legend>OUTER LEGEND</legend>
    105 <fieldset id='test3' style="display:contents">
    106 <legend>INNER LEGEND</legend>
    107 </fieldset>
    108 </fieldset>
    109 
    110 <fieldset>
    111 <fieldset style="display:contents">
    112 <legend id='test4' style="display:contents">LEGEND</legend>
    113 <legend>NOT LEGEND</legend>
    114 </fieldset>
    115 </fieldset>
    116 
    117 <fieldset>
    118 <legend>LEGEND</legend>
    119 <fieldset style="display:contents">
    120 <legend id='test5' style="display:contents">NOT LEGEND</legend>
    121 </fieldset>
    122 </fieldset>
    123 
    124 <fieldset>
    125 <legend id='test6' style="display:contents">LEGEND</legend>
    126 <fieldset style="display:contents">
    127 <legend>NOT LEGEND</legend>
    128 </fieldset>
    129 </fieldset>
    130 
    131 <fieldset>
    132 <div id='test7'><legend>LEGEND</legend></div>
    133 <legend>NOT LEGEND</legend>
    134 </fieldset>
    135 
    136 <fieldset>
    137 <fieldset style="display:contents">
    138 <div id='test8'><legend>LEGEND</legend></div>
    139 </fieldset>
    140 </fieldset>
    141 
    142 <fieldset>
    143 <fieldset style="display:contents">
    144 <div id='test9'><legend>NOT LEGEND</legend></div>
    145 </fieldset>
    146 </fieldset>
    147 
    148 <fieldset>
    149 <div style="display:contents"><legend id='test10'>NOT LEGEND</legend></div>
    150 <legend>LEGEND</legend>
    151 </fieldset>
    152 
    153 <fieldset id='test11'></fieldset>
    154 
    155 <fieldset>
    156    <legend id='test12' style="display:none">LEGEND</legend>
    157 </fieldset>
    158 
    159 <fieldset>
    160    <div style="display:contents"><legend id='test13' style="display:none">LEGEND</legend></div>
    161 </fieldset>
    162 
    163 <fieldset>
    164    <div style="display:contents"><div style="display:contents" id="test14"></div></div>
    165    <legend>NOT LEGEND</legend>
    166 </fieldset>
    167 
    168 <fieldset>
    169    <div style="display:contents"><div style="display:contents" id="test15"><legend>NOT LEGEND</legend></div></div>
    170    <legend>LEGEND</legend>
    171 </fieldset>