Skip to content

[css-values] "fetch a style resource" should fall back to the CSSStyleSheet's location #12068

Closed
@AtkinsSJ

Description

@AtkinsSJ

In step 2 of "fetch a style resource" we have:

Let base be sheet’s stylesheet base URL if it is not null, otherwise environmentSettings’s API base URL. [CSSOM]

However, only stylesheets constructed from JS have a base URL set. For those that don't, I believe we should fall back to sheet's location, and only afterwards use the API base URL. As an example:

index.html

<!DOCTYPE html>
<style>
     @import url("data/sheet.css");
</style>
<div id="checkerboard"></div>

data/sheet.css

#checkerboard {
    background: url("image.png");
}

With the current algorithm, sheet has no base URL, so it would fall back to the API base URL, which is the document's location. It would thus try to load image.png instead of data/image.png. Inserting the sheet's location as a fallback means that it would load relative to data/sheet.css, and so get data/image.png.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions