<!DOCTYPE html>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<table style="height:100%; width:100%;">
<tr>
<td><select multiple class="test" style="display:block; height:100%; width:100%; padding:0; border:none;"></select></td>
</tr>
</table>
<table style="height:100%; width:100%;">
<tr>
<td><textarea class="test" style="display:block; height:100%; width:100%; padding:0; border:none;">text</textarea></td>
</tr>
</table>
<script>
test(() => {
for (let control of document.querySelectorAll('.test')) {
assert_not_equals(control.offsetHeight, 0, `${control.type}'s height`);
}
}, 'Percentage-height scrollable form controls should have intrinsic heights');
</script>