From 4ddf2854bdbebd2cf36cf0df6f5fdc30e296d035 Mon Sep 17 00:00:00 2001 From: Abhishek Sharma Date: Wed, 2 Oct 2024 17:04:11 +0530 Subject: [PATCH 1/3] CSS custom properties are processed now correctly --- src/utils/inlineStyleToObject.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/utils/inlineStyleToObject.js b/src/utils/inlineStyleToObject.js index c5ff5aa..b45bd4b 100644 --- a/src/utils/inlineStyleToObject.js +++ b/src/utils/inlineStyleToObject.js @@ -34,7 +34,7 @@ export default function InlineStyleToObject(inlineStyle = '') { // -webkit-style-property = WebkitStyleProperty property = property .replace(/^-ms-/, 'ms-') - .replace(/-(.)/g, (_, character) => character.toUpperCase()); + .replace(/-(.)/g, (_, character) => character); // add the new style property and value to the style object styleObject[property] = value; From a9013e5f1860cd4553da3858dd7756fe9125be64 Mon Sep 17 00:00:00 2001 From: Abhishek Sharma Date: Wed, 2 Oct 2024 17:08:27 +0530 Subject: [PATCH 2/3] Undo changes --- src/utils/inlineStyleToObject.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/utils/inlineStyleToObject.js b/src/utils/inlineStyleToObject.js index b45bd4b..c5ff5aa 100644 --- a/src/utils/inlineStyleToObject.js +++ b/src/utils/inlineStyleToObject.js @@ -34,7 +34,7 @@ export default function InlineStyleToObject(inlineStyle = '') { // -webkit-style-property = WebkitStyleProperty property = property .replace(/^-ms-/, 'ms-') - .replace(/-(.)/g, (_, character) => character); + .replace(/-(.)/g, (_, character) => character.toUpperCase()); // add the new style property and value to the style object styleObject[property] = value; From 13d7c71df00cdee291659b040f24526d5b05b00c Mon Sep 17 00:00:00 2001 From: Abhishek Sharma Date: Wed, 2 Oct 2024 17:22:20 +0530 Subject: [PATCH 3/3] CSS custom properties are processed correctly --- src/utils/inlineStyleToObject.js | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/src/utils/inlineStyleToObject.js b/src/utils/inlineStyleToObject.js index c5ff5aa..46a8d1c 100644 --- a/src/utils/inlineStyleToObject.js +++ b/src/utils/inlineStyleToObject.js @@ -4,6 +4,8 @@ * @param {String} inlineStyle='' The inline style to convert * @returns {Object} The converted style */ + + export default function InlineStyleToObject(inlineStyle = '') { // just return empty object if the inlineStyle is empty @@ -32,9 +34,11 @@ export default function InlineStyleToObject(inlineStyle = '') { // additionally don't uppercase any -ms- prefix // e.g. -ms-style-property = msStyleProperty // -webkit-style-property = WebkitStyleProperty - property = property - .replace(/^-ms-/, 'ms-') - .replace(/-(.)/g, (_, character) => character.toUpperCase()); + if (property.slice(0, 2) !== '--') { // It doesn't change the custom CSS properties + property = property + .replace(/^-ms-/, 'ms-') + .replace(/-(.)/g, (_, character) => character.toUpperCase()); + } // add the new style property and value to the style object styleObject[property] = value;