stylis icon indicating copy to clipboard operation
stylis copied to clipboard

fix: webkit mask-composite values

Open Olivia-SY129 opened this issue 1 year ago • 1 comments

Fix for mask-composite prop values for webkit

Here are the changes:

'add' → 'source-over'
'substract' → 'source-out'
'intersect' → 'source-in'
'exclude' → 'xor'

Example for element.return:

before fix (not working in webkit)
'-webkit-mask-composite: add,intersect;mask-composite: add,intersect;'  

after fix
'-webkit-mask-composite: source-over,source-in;mask-composite: add,intersect;'

Olivia-SY129 avatar Dec 30 '22 16:12 Olivia-SY129

@Olivia-SY129 can you add a test case, i'm assuming we can replace replaceAll with just replace safe assumption?

thysultan avatar Apr 12 '23 23:04 thysultan