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
30
31
32
33
34
35
36
37
38
39
|
<!doctype html>
<title>fieldset min-inline-size</title>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<style>
fieldset { width: 0; height: 0 }
fieldset > div { width: 100px; height: 100px }
#vertical-lr { writing-mode: vertical-lr }
#vertical-rl { writing-mode: vertical-rl }
.override { min-inline-size: 5px }
</style>
<fieldset id=horizontal-tb><div></div></fieldset>
<fieldset id=vertical-lr><div></div></fieldset>
<fieldset id=vertical-rl><div></div></fieldset>
<script>
for (const className of ['', 'override']) {
const expected = className === '' ? '100px' : '5px';
test(() => {
const fieldset = document.getElementById('horizontal-tb');
fieldset.className = className;
assert_equals(getComputedStyle(fieldset).width, expected, 'width');
assert_equals(getComputedStyle(fieldset).height, '0px', 'height');
}, `horizontal-tb ${className}`);
test(() => {
const fieldset = document.getElementById('vertical-lr');
fieldset.className = className;
assert_equals(getComputedStyle(fieldset).width, '0px', 'width');
assert_equals(getComputedStyle(fieldset).height, expected, 'height');
}, `vertical-lr ${className}`);
test(() => {
const fieldset = document.getElementById('vertical-rl');
fieldset.className = className;
assert_equals(getComputedStyle(fieldset).width, '0px', 'width');
assert_equals(getComputedStyle(fieldset).height, expected, 'height');
}, `vertical-rl ${className}`);
}
</script>
|
