RuleView: CSS rules from imported stylesheet are not updated after change
Categories
(DevTools :: Inspector, defect)
Tracking
(firefox-esr78 unaffected, firefox86 wontfix, firefox87 wontfix, firefox88 affected)
| Tracking | Status | |
|---|---|---|
| firefox-esr78 | --- | unaffected |
| firefox86 | --- | wontfix |
| firefox87 | --- | wontfix |
| firefox88 | --- | affected |
People
(Reporter: wmcmillian, Unassigned)
References
(Blocks 1 open bug)
Details
Attachments
(1 file)
|
73.08 KB,
image/png
|
Details |
firefoxbug.png
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:87.0) Gecko/20100101 Firefox/87.0
Steps to reproduce:
Update a CSS file with changes to a css rule and then hard refresh (ctrl + f5 in linux for me).
Actual results:
The new changes are reflected on the site and in the "Computed" tab but not in the rule inspector or style inspector.
This is possibly affected by the fact that the stylesheet is being imported via a css import rule (I'm developing in drupal 7 and this is the behavior there).
I can work around this by adding/changing the query string of the url of the stylesheet which, I imagine, forces a refresh.
Expected results:
The css rule should have updated to reflect the changes in both the rule inspector and style inspector.
|
Reporter | |
Comment 1•4 years ago
|
||
I can confirm that this is affected by the import rule.
Here is my example html (test site is located at http://firefoxbugtest.test):
<html>
<head>
<style>
@import url("http://firefoxbugtest.test/css.css");
</style>
</head>
<body>
<h1 class="title">This is a title</h1>
</body>
</html>
And the css file:
.title {
font-size: 21px;
color: green;
text-align: center;
}
If you change the css. The changes are reflected on the page, but not in the rule editor or style editor.
However if you change the style block to instead use a link tag, it works as expected.
|
|
Reporter | |
Comment 2•4 years ago
|
||
|
|
Reporter | |
Comment 3•4 years ago
|
||
Note: I changed the color from blue to green for the screenshot above.
|
||
Comment 4•4 years ago
|
||
Thanks for logging, I confirm that stylesheets loaded via import can be outdated in the rule view.
Disabling cache in the Network panel doesn't help. Already present in current Release channel (FF86).
I used https://bug-1699713.glitch.me/ to reproduce this, but you need to be able to edit the CSS to test it fully.
Linking the bug to Bug 1699648 which is another recently reported bug about imported stylesheets.
|
|
||
Comment 5•4 years ago
|
||
Just tried in ESR78 and it was working fine back then. It's a regression but not a recent one.
|
|
||
Updated•4 years ago
|
|
|
||
Comment 7•4 years ago
|
||
Tested on mozilla-central, fixed by Bug 1699648
Description
•