fix: ellide inline css custom properties

* ellide css custom properties when converting css inline styles to map

  Signed-off-by: Lim Jia Sheng <50891910+sxxov@users.noreply.github.com>
This commit is contained in:
jiaSheng 2024-08-07 13:13:02 +08:00 committed by jason lim
parent 1f1231a730
commit 117492e366

View file

@ -36,10 +36,12 @@ export function convertInlineStyleToMap(
// additionally don't uppercase any -ms- prefix
// e.g. -ms-style-property = msStyleProperty
// -webkit-style-property = WebkitStyleProperty
const replacedProperty = property
.toLowerCase()
.replace(/^-ms-/, 'ms-')
.replace(/-(.)/g, (_, character: string) => character.toUpperCase())
const replacedProperty = property.startsWith('--')
? property
: property
.toLowerCase()
.replace(/^-ms-/, 'ms-')
.replace(/-(.)/g, (_, character: string) => character.toUpperCase())
// add the new style property and value to the style object
styleObject[replacedProperty] = value