diff --git a/compat/src/util.js b/compat/src/util.js index 55a7e52c44..43c66639a0 100644 --- a/compat/src/util.js +++ b/compat/src/util.js @@ -13,4 +13,4 @@ export function shallowDiffers(a, b) { } export const IS_NON_DIMENSIONAL = - /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i; + /^(-|f[lo].*[^se]$|g.{5,}[^ps]$|z|o[pr]|(W.{5})?[lL]i.*(t|mp)$|an|(bo|s).{4}Im|sca|m.{6}[ds]|ta|c.*[st]$|wido|ini)/; diff --git a/compat/test/browser/render.test.js b/compat/test/browser/render.test.js index b1b3adc687..6de00ac514 100644 --- a/compat/test/browser/render.test.js +++ b/compat/test/browser/render.test.js @@ -800,10 +800,12 @@ describe('compat render', () => { // Our appending logic must not be applied here const untouched = { '-webkit-line-clamp': 2, + animation: 2, 'animation-iteration-count': 3, + 'border-image': 2, + 'border-image-slice': 2, 'column-count': 2, - // TODO: unsupported atm - // columns: 2, + columns: 2, flex: 1, 'flex-grow': 1, 'flex-shrink': 1, @@ -814,21 +816,24 @@ describe('compat render', () => { 'grid-column-start': 2, 'grid-row': 2, 'grid-row-end': 2, + 'grid-row-gap': 23, 'grid-row-start': 2, - // TODO: unsupported atm - //'line-height': 2, + 'inital-letter': 2, + 'line-height': 2, + 'line-clamp': 2, + 'mask-border': 2, 'mask-border-outset': 2, 'mask-border-slice': 2, 'mask-border-width': 2, + 'max-lines': 2, 'max-zoom': 2, 'min-zoom': 2, opacity: 123, order: 123, orphans: 2, - 'grid-row-gap': 23, scale: 23, - // TODO: unsupported atm - //'tab-size': 23, + 'shape-image-threshold': 23, + 'tab-size': 23, widows: 123, 'z-index': 123, zoom: 123