Handle extraneous whitespace in CSS values

Fixes mjmlio#2541
azupardo · Nov 15, 2022 · c592f0b · c592f0b
1 parent e0e5919
commit c592f0b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/mjml-core/src/helpers/shorthandParser.js b/packages/mjml-core/src/helpers/shorthandParser.js
@@ -1,7 +1,7 @@
 import { get } from 'lodash'
 
 export default function (cssValue, direction) {
- const splittedCssValue = cssValue.split(' ')
+ const splittedCssValue = cssValue.trim().replace(/\s+/g,' ').split(' ', 4)
  let directions = {}
 
  switch (splittedCssValue.length) {

diff --git a/packages/mjml-core/tests/shorthandParser-test.js b/packages/mjml-core/tests/shorthandParser-test.js
@@ -20,6 +20,10 @@ const testValues = [
  input: '1px 2px 3px 4px',
  output: { top: 1, right: 2, bottom: 3, left: 4 },
  },
+ {
+ input: ' 1px 2px 3px 4px ',
+ output: { top: 1, right: 2, bottom: 3, left: 4 },
+ },
 ]
 
 testValues.forEach(testUnit => {