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
content / test / data / accessibility / event / text-align-changed.html [blame]
<!DOCTYPE html>
<html>
<body>
<div contenteditable>>
<div> <!-- Default is left-aligned. -->
<div id="l0"></div>
<div id="l1"></div>
<div id="l2"></div>
<div id="l3"></div>
<div id="l4"></div>
<div id="l5"></div>
<div id="l6"></div>
<div id="l7"></div>
<div id="l8"></div>
<div id="l9"></div>
<div id="l10" style="text-align: left"></div>
</div>
<div style="text-align: right">
<div id="r0"></div>
<div id="r1"></div>
<div id="r2"></div>
<div id="r3"></div>
<div id="r4"></div>
<div id="r5"></div>
<div id="r6"></div>
<div id="r7"></div>
<div id="r8"></div>
<div id="r9"></div>
<div id="r10" style="text-align: left"></div>
</div>
</div>
<script>
function go() {
// Should fire an event when text-align changes to something that does not
// resolve to the default left.
document.getElementById('l0').style.setProperty('text-align', 'none');
document.getElementById('l1').style.setProperty('text-align', 'left');
document.getElementById('l2').style.setProperty('text-align', 'right');
document.getElementById('l3').style.setProperty('text-align', 'center');
document.getElementById('l4').style.setProperty('text-align', 'justify');
document.getElementById('l5').style.setProperty('text-align', '-webkit-left');
document.getElementById('l6').style.setProperty('text-align', '-webkit-right');
document.getElementById('l7').style.setProperty('text-align', '-webkit-center');
document.getElementById('l8').style.setProperty('text-align', 'start');
document.getElementById('l9').style.setProperty('text-align', 'end');
document.getElementById('l10').style.removeProperty('text-align');
// Should fire an event when text-align changes to something that does not
// resolve to the parent element's text-align right.
document.getElementById('r0').style.setProperty('text-align', 'none');
document.getElementById('r1').style.setProperty('text-align', 'left');
document.getElementById('r2').style.setProperty('text-align', 'right');
document.getElementById('r3').style.setProperty('text-align', 'center');
document.getElementById('r4').style.setProperty('text-align', 'justify');
document.getElementById('r5').style.setProperty('text-align', '-webkit-left');
document.getElementById('r6').style.setProperty('text-align', '-webkit-right');
document.getElementById('r7').style.setProperty('text-align', '-webkit-center');
document.getElementById('r8').style.setProperty('text-align', 'start');
document.getElementById('r9').style.setProperty('text-align', 'end');
document.getElementById('r10').style.removeProperty('text-align');
}
</script>
</body>
</html>