OLD | NEW |
1 <style> | 1 <style> |
2 .container { | 2 .container { |
3 height: 100px; | 3 height: 100px; |
4 width: 200px; | 4 width: 200px; |
5 margin: 30px; | 5 margin: 30px; |
6 outline: 1px solid black; | 6 outline: 1px solid black; |
7 } | 7 } |
8 .box { | 8 .box { |
9 height: 100%; | 9 height: 100%; |
10 width: 100%; | 10 width: 100%; |
(...skipping 30 matching lines...) Expand all Loading... |
41 testTransformRoundTrip('translate(80px, 90px)', 'matrix(1, 0, 0, 1, 80, 90
)'); | 41 testTransformRoundTrip('translate(80px, 90px)', 'matrix(1, 0, 0, 1, 80, 90
)'); |
42 }); | 42 }); |
43 | 43 |
44 test('percent translate should roundtrip', () { | 44 test('percent translate should roundtrip', () { |
45 testTransformRoundTrip('translate(10px, 50%)', 'matrix(1, 0, 0, 1, 10, 60)
'); | 45 testTransformRoundTrip('translate(10px, 50%)', 'matrix(1, 0, 0, 1, 10, 60)
'); |
46 }); | 46 }); |
47 | 47 |
48 test('scale should roundtrip', () { | 48 test('scale should roundtrip', () { |
49 testTransformRoundTrip('scale(1.2, 0.8)', 'matrix(1.2, 0, 0, 0.8, 0, 0)'); | 49 testTransformRoundTrip('scale(1.2, 0.8)', 'matrix(1.2, 0, 0, 0.8, 0, 0)'); |
50 }); | 50 }); |
| 51 |
| 52 test('removing a transform should not crash', () { |
| 53 testBox.style['transform'] = 'translate(0, 0, 0)'; |
| 54 testBox.getBoundingClientRect(); |
| 55 testBox.style.removeProperty('transform'); |
| 56 testBox.getBoundingClientRect(); |
| 57 }); |
51 } | 58 } |
52 </script> | 59 </script> |
OLD | NEW |