1305015 - CSS <<url>> create multiple requests with different URL fragments

Status: NEW

(Core :: CSS Parsing and Computation, defect)

Description

[Jonathan Kingston [:jkt] he/him]

Creating a document with the following code:

<div thing>hey</div>
<style>
@import 'https://resources.whatwg.org/standard.css';
@import 'https://resources.whatwg.org/standard.css';
@import 'https://resources.whatwg.org/standard.css#1';
@import 'https://resources.whatwg.org/standard.css#2';

[thing] {
  color: red;
  background: url(https://resources.whatwg.org/logo.svg);
}
div {
    background: url(https://resources.whatwg.org/logo.svg#);
}
body {
    background: url(https://resources.whatwg.org/logo.svg#2);
}
</style>

This creates 2 logo requests and 3 import requests, chrome however only loads each resource once.

Demo URL: http://codepen.io/anon/pen/ozkvak

Comment 1

[Cameron McCormack (:heycam)]

It should be straightforward enough to make the per-document style sheet cache in mozilla::css::Loader key off URIs ignoring their fragments.  I wonder what browsers other than Chrome do?

I don't know about imagelib caching.  Edwin, do you know if we should be making three separate requests for those SVG images?

Comment 2

[Julien Cristau [:jcristau]]

Too late for firefox 52, mass-wontfix.