| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../resources/testharness.js"></script> |
| 3 <script src="../resources/testharnessreport.js"></script> |
| 4 <style> |
| 5 #target { |
| 6 transition: 1s; |
| 7 border-style: solid; |
| 8 outline-style: solid; |
| 9 column-rule-style: solid; |
| 10 } |
| 11 </style> |
| 12 <div id="target"></div> |
| 13 <script> |
| 14 var lengthProperties = [ |
| 15 'baselineShift', |
| 16 'borderBottomWidth', |
| 17 'borderLeftWidth', |
| 18 'borderRightWidth', |
| 19 'borderTopWidth', |
| 20 'bottom', |
| 21 'cx', |
| 22 'cy', |
| 23 'flexBasis', |
| 24 'height', |
| 25 'left', |
| 26 'letterSpacing', |
| 27 'marginBottom', |
| 28 'marginLeft', |
| 29 'marginRight', |
| 30 'marginTop', |
| 31 'maxHeight', |
| 32 'maxWidth', |
| 33 'minHeight', |
| 34 'minWidth', |
| 35 'offsetDistance', |
| 36 'outlineOffset', |
| 37 'outlineWidth', |
| 38 'paddingBottom', |
| 39 'paddingLeft', |
| 40 'paddingRight', |
| 41 'paddingTop', |
| 42 'perspective', |
| 43 'r', |
| 44 'right', |
| 45 'rx', |
| 46 'ry', |
| 47 'shapeMargin', |
| 48 'strokeDashoffset', |
| 49 'strokeWidth', |
| 50 'top', |
| 51 'verticalAlign', |
| 52 'webkitBorderHorizontalSpacing', |
| 53 'webkitBorderVerticalSpacing', |
| 54 'columnGap', |
| 55 'columnRuleWidth', |
| 56 'columnWidth', |
| 57 'webkitPerspectiveOriginX', |
| 58 'webkitPerspectiveOriginY', |
| 59 'webkitTransformOriginX', |
| 60 'webkitTransformOriginY', |
| 61 'webkitTransformOriginZ', |
| 62 'width', |
| 63 'wordSpacing', |
| 64 'x', |
| 65 'y', |
| 66 'lineHeight', |
| 67 ]; |
| 68 var expected = {}; |
| 69 |
| 70 setup(() => { |
| 71 for (var property of lengthProperties) { |
| 72 target.style[property] = '10px'; |
| 73 expected[property] = getComputedStyle(target)[property]; |
| 74 } |
| 75 internals.setZoomFactor(2); |
| 76 }); |
| 77 |
| 78 for (var property of lengthProperties) { |
| 79 test(() => { |
| 80 assert_equals(getComputedStyle(target)[property], expected[property]); |
| 81 }, 'Computed value of transitionable ' + property + ' should not change when z
oom changes'); |
| 82 } |
| 83 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2562643002:
Avoid visually transitioning on length CSS properties when zoom changes (Closed)
