tor-browser

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

min-intrinsic-with-max-width-percents-across-form-controls.html (1970B)


      1 <!DOCTYPE HTML>
      2 <title>Tests for bug 823483 / bug 1247929</title>
      3 <style>
      4 
      5 body, input { font-size: 10px }
      6 input { padding: 0 1px; border: 1px solid maroon; font-family: monospace }
      7 
      8 td:first-child {
      9   background: aqua;
     10   border: thin solid;
     11   padding: 1px 0;
     12 }
     13 
     14 td:nth-child(2) {
     15  width: 100%;
     16 }
     17 
     18 td:nth-child(1) > * { visibility: hidden; vertical-align: bottom; max-width: 100% }
     19 
     20 </style>
     21 
     22 <table><tr>
     23  <td><input type="text"></td>
     24  <td>input type="text"</td>
     25 </tr></table>
     26 
     27 <table><tr>
     28  <td><input type="button" value="Button"></td>
     29  <td>input type="button"</td>
     30 </tr></table>
     31 
     32 <table><tr>
     33  <td><button>Button</button></td>
     34  <td>button</td>
     35 </tr></table>
     36 
     37 <table><tr>
     38  <td><fieldset>Fieldset</fieldset></td>
     39  <td>fieldset</td>
     40 </tr></table>
     41 
     42 <table><tr>
     43  <td><input type="file"></td>
     44  <td>input type="file"</td>
     45 </tr></table>
     46 
     47 <table><tr>
     48  <td><input type="radio"></td>
     49  <td>input type="radio"</td>
     50 </tr></table>
     51 
     52 <table><tr>
     53  <td><input type="checkbox"></td>
     54  <td>input type="checkbox"</td>
     55 </tr></table>
     56 
     57 <table><tr>
     58  <td><input type="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII="></td>
     59  <td>input type="image"</td>
     60 </tr></table>
     61 
     62 <table><tr>
     63  <td><select><option>One</option><option>Two</option></select></td>
     64  <td>select</td>
     65 </tr></table>
     66 
     67 <table><tr>
     68  <td><select size="2"><option>One</option><option>Two</option></select></td>
     69  <td>select size="2"</td>
     70 </tr></table>
     71 
     72 <table><tr>
     73  <td><meter max="10" value="5"></meter></td>
     74  <td>meter</td>
     75 </tr></table>
     76 
     77 <table><tr>
     78  <td><input type="number"></td>
     79  <td>input type="number"</td>
     80 </tr></table>
     81 
     82 <table><tr>
     83  <td><progress></progress></td>
     84  <td>progress</td>
     85 </tr></table>
     86 
     87 <table><tr>
     88  <td><input type="range"></td>
     89  <td>input type="range"</td>
     90 </tr></table>
     91 
     92 <table><tr>
     93  <td><textarea></textarea></td>
     94  <td>textarea</td>
     95 </tr></table>