layout/reftests/css-sizing/min-intrinsic-with-width-percents-across-form-controls-ref.html
author Sebastian Hengst <archaeopteryx@coole-files.de>
Fri, 21 Jul 2017 20:18:44 +0200
changeset 419059 fafcbde047540092ab629013acedb177026660e5
parent 321811 4f03658208cc64bc1c1195804933c0ada4e4aec5
permissions -rw-r--r--
Backed out changeset abd1b9db4905 (bug 1382768) for leaks in mochitests, e.g. browser_bug822367.js. r=backout

<!DOCTYPE HTML>
<title>Tests for bug 823483 / bug 1247929</title>
<style>

body, input { font-size: 10px }
input { padding: 0 1px; border: 1px solid maroon; font-family: monospace }

td:first-child {
   background: aqua;
   border: thin solid;
   padding: 1px 0;
}

td:nth-child(2) {
  width: 100%;
}

td:nth-child(1) > * { visibility: hidden; vertical-align: bottom }

</style>

<table><tr>
  <td><input type="text" style="width: 0"></td>
  <td>input type="text"</td>
</tr></table>

<table><tr>
  <td><input type="button" value="Button"></td>
  <td>input type="button"</td>
</tr></table>

<table><tr>
  <td><button>Button</button></td>
  <td>button</td>
</tr></table>

<table><tr>
  <td><fieldset>Fieldset</fieldset></td>
  <td>fieldset</td>
</tr></table>

<table><tr>
  <td><input type="file" style="width: 0"></td>
  <td>input type="file"</td>
</tr></table>

<table><tr>
  <td><input type="radio" style="width: 0"></td>
  <td>input type="radio"</td>
</tr></table>

<table><tr>
  <td><input type="checkbox" style="width: 0"></td>
  <td>input type="checkbox"</td>
</tr></table>

<table><tr>
  <td><input type="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII=" style="width: 0"></td>
  <td>input type="image"</td>
</tr></table>

<table><tr>
  <td><select style="width: 0"><option>One</option><option>Two</option></select></td>
  <td>select</td>
</tr></table>

<table><tr>
  <td><select size="2" style="width: 0"><option>One</option><option>Two</option></select></td>
  <td>select size="2"</td>
</tr></table>

<table><tr>
  <td><meter max="10" value="5" style="width: 0"></meter></td>
  <td>meter</td>
</tr></table>

<table><tr>
  <td><input type="number" style="width: 0"></td>
  <td>input type="number"</td>
</tr></table>

<table><tr>
  <td><progress style="width: 0"></progress></td>
  <td>progress</td>
</tr></table>

<table><tr>
  <td><input type="range" style="width: 0"></td>
  <td>input type="range"</td>
</tr></table>

<table><tr>
  <td><textarea style="width: 0"></textarea></td>
  <td>textarea</td>
</tr></table>