Fixed ExtLoader can't load data:image/svg+xml

grisha2217

Active member
// Move to XF bug reports pls.

I have next css style:

CSS:
.simpleRedactor .redactorInput--buttonContainer.smilies .redactorInput--button
    {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20opacity%3D%22.4%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3Cpath%20fill%3D%22%23828A99%22%20fill-rule%3D%22nonzero%22%20d%3D%22M2%2012C2%206.477%206.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010S2%2017.523%202%2012zm18.3%200a8.3%208.3%200%201%200-16.6%200%208.3%208.3%200%200%200%2016.6%200zm-11.05-.5a1.25%201.25%200%201%201%200-2.5%201.25%201.25%200%200%201%200%202.5zm5.5%200a1.25%201.25%200%201%201%200-2.5%201.25%201.25%200%200%201%200%202.5z%22%2F%3E%3Cpath%20stroke%3D%22%23828A99%22%20stroke-width%3D%221.7%22%20d%3D%22M9%2014.85c.833.767%201.833%201.15%203%201.15s2.167-.383%203-1.15%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 50% no-repeat;
    }

When i load a page through OverlayTrigger, get error in console and image is not loading.

w7KgYCZ.jpg


jquery-1.11.0.min.js:3 GET https://mysite.net/data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path opacity=".4" d="M0 0h24v24H0z"/><path fill="#828A99" fill-rule="nonzero" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm18.3 0a8.3 8.3 0 1 0-16.6 0 8.3 8.3 0 0 0 16.6 0zm-11.05-.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5zm5.5 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5z"/><path stroke="#828A99" stroke-width="1.7" d="M9 14.85c.833.767 1.833 1.15 3 1.15s2.167-.383 3-1.15" stroke-linecap="round" stroke-linejoin="round"/></g></svg> 404 (Not Found)
Zb @ jquery-1.11.0.min.js:3
(anonymous) @ jquery-1.11.0.min.js:3
n.swap @ jquery-1.11.0.min.js:3
get @ jquery-1.11.0.min.js:3
css @ jquery-1.11.0.min.js:3
(anonymous) @ jquery-1.11.0.min.js:4
n.access @ jquery-1.11.0.min.js:3
n.fn.(anonymous function) @ jquery-1.11.0.min.js:4
load @ xenforo.js?_v=dd916543:52
show @ xenforo.js?_v=dd916543:293
createOverlay @ xenforo.js?_v=dd916543:293
(anonymous) @ xenforo.js?_v=dd916543:198
callSuccess @ xenforo.js?_v=dd916543:255
successCount @ xenforo.js?_v=dd916543:256
(anonymous) @ xenforo.js?_v=dd916543:198
success @ xenforo.js?_v=dd916543:254
j @ jquery-1.11.0.min.js:2
fireWith @ jquery-1.11.0.min.js:2
x @ jquery-1.11.0.min.js:4
b @ jquery-1.11.0.min.js:4
XMLHttpRequest.send (async)
send @ jquery-1.11.0.min.js:4
ajax @ jquery-1.11.0.min.js:4
loadCss @ xenforo.js?_v=dd916543:253
__construct @ xenforo.js?_v=dd916543:255
XenForo.ExtLoader @ xenforo.js?_v=dd916543:254
loadSuccess @ xenforo.js?_v=dd916543:292
(anonymous) @ xenforo.js?_v=dd916543:198
f @ xenforo.js?_v=dd916543:230
j @ jquery-1.11.0.min.js:2
fireWith @ jquery-1.11.0.min.js:2
x @ jquery-1.11.0.min.js:4
b @ jquery-1.11.0.min.js:4
XMLHttpRequest.send (async)
send @ jquery-1.11.0.min.js:4
ajax @ jquery-1.11.0.min.js:4
ajax @ xenforo.js?_v=dd916543:231
load @ xenforo.js?_v=dd916543:292
show @ xenforo.js?_v=dd916543:287
(anonymous) @ xenforo.js?_v=dd916543:198
dispatch @ jquery-1.11.0.min.js:3
r.handle @ jquery-1.11.0.min.js:3
 
Last edited:
Thank you for reporting this issue. It has now been resolved and we are aiming to include it in a future XF release (1.5.24).

Change log:
When loading CSS externals via XHR do not prefix what might look like data URIs with the base href.
Any changes made as a result of this issue being resolved may not be rolled out here until later.
 
Back
Top Bottom