Bug 244310 – CSS pretty printing fails on invalid url token

• Status: NEW
• Component: Web Inspector

[Sam Sneddon [:gsnedders]]

expedia.com contains an inline stylesheet including what the pretty-printer converts to (the clearly not pretty printed!):

.uitk-badge-notification-count-mask {
            display: inline-flex;
            -webkit-mask-image: url('data:image/svg+xml;utf8,
            
        <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px">
            <path d="M 0,0  L 90,0 L 90,5 Q 91,9 95,10 L 100,10 L 100,100 L 0,100 z"/>
        </svg>
        ');mask-image:url('data:image/svg+xml;utf8,
        
        <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px">
            <path d="M 0,0  L 90,0 L 90,5 Q 91,9 95,10 L 100,10 L 100,100 L 0,100 z"/>
        </svg>
        ');mask-mode:alpha;-webkit-mask-position:top right;mask-position:top right}.uitk-badge-notification-dot-mask{display:inline-flex;-webkit-mask-image:url('data:image/svg+xml;utf8,
        
        <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px">
            <path d="M 0,0  L 91.5,0 A 6.25 6.25 0 0 0 100,8.5 L 100,10 L 100,100 L 0,100 z"/>
        </svg>
        ');mask-image:url('data:image/svg+xml;utf8,
        
        <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px">
            <path d="M 0,0  L 91.5,0 A 6.25 6.25 0 0 0 100,8.5 L 100,10 L 100,100 L 0,100 z"/>
        </svg>
        ');mask-mode:alpha;-webkit-mask-position:top right;mask-position:top right}

This is especially bad because it never actually recovers, so after this we just have a massive lump of CSS.

[Radar WebKit Bug Importer]

<rdar://problem/99145487>