CSSLisible icon indicating copy to clipboard operation
CSSLisible copied to clipboard

CSSLisible is removing some things within `background` shorthand

Open CyrilKrylatov opened this issue 2 years ago • 1 comments

Before:

div {
  background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="11.5" fill="%23fff" stroke="%23000" transform="matrix(-1 0 0 1 24 0)"/><path fill="%23000" d="m13.06 8 .94.94L10.947 12 14 15.06l-.94.94-4-4 4-4Z"/></svg>') center no-repeat;

After:

div {
  background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="11.5" fill="%23fff" stroke="%23000" transform="matrix(-1 0 0 1 24 0) "/>') center no-repeat;
}

As you can see the </svg> at the end of the the url() parameter is removed. The <path /> tag is also removed.

I've made you a diff there: https://www.diffchecker.com/Q96oT0C1/

Cheers me m8,

CyrilKrylatov avatar Nov 06 '23 15:11 CyrilKrylatov

Seems like #86 is back again.

CyrilKrylatov avatar Nov 07 '23 09:11 CyrilKrylatov