blob: 0600b8249e5c17e3feee30eebe854043c60ccb49 (
plain)
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
<!DOCTYPE html>
<link rel="help" href="https://w3c.github.io/csswg-drafts/css-text-4/#propdef-white-space">
<link rel="help" href="https://w3c.github.io/csswg-drafts/css-text-4/#propdef-text-wrap">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
.balance {
text-wrap: balance;
}
</style>
<div id="balance" class="balance"></div>
<script>
test(() => {
const target = document.getElementById('balance');
assert_equals(getComputedStyle(target).textWrap, 'balance');
}, "`text-wrap: balance` should be set");
</script>
<style>
#text-wrap-after-white-space {
white-space: normal;
text-wrap: balance;
}
</style>
<div id="text-wrap-after-white-space"></div>
<script>
test(() => {
const target = document.getElementById('text-wrap-after-white-space');
assert_equals(getComputedStyle(target).textWrap, 'balance');
}, "`text-wrap` should not be affected by previous `white-space`");
</script>
<style>
#white-space-after-text-wrap {
text-wrap: balance;
white-space: normal;
}
</style>
<div id="white-space-after-text-wrap"></div>
<script>
test(() => {
const target = document.getElementById('white-space-after-text-wrap');
assert_equals(getComputedStyle(target).textWrap, 'wrap');
}, "`white-space` should overwrite previous `text-wrap`");
</script>
<style>
.normal {
white-space: normal;
}
</style>
<div class="normal">
<div id="parent-white-space" class="balance"></div>
</div>
<script>
test(() => {
const target = document.getElementById('parent-white-space');
assert_equals(getComputedStyle(target).textWrap, 'balance');
}, "`text-wrap` should not be affected by `white-space` on the parent");
</script>
<div class="balance">
<div id="parent-text-wrap" class="normal"></div>
</div>
<script>
test(() => {
const target = document.getElementById('parent-text-wrap');
assert_equals(getComputedStyle(target).textWrap, 'wrap');
}, "`white-space` should overwrite `text-wrap` on the parent");
</script>
|
