Open
Bug 1478384
Opened 6 years ago
Updated 2 years ago
Rule view does not update after a slow loading stylesheet is done
Categories
(DevTools :: Inspector: Rules, defect, P2)
DevTools
Inspector: Rules
Tracking
(Not tracked)
NEW
People
(Reporter: rcaliman, Unassigned)
References
Details
Attachments
(1 file)
|
559.35 KB,
video/mp4
|
Details |
When a stylesheet takes a long time to load, the Rule view does not refresh when it is done loading in order to show the updated rules.
See attachment video: slow-to-load-css.mp4
# Steps to reproduce:
1. Save this simple Node server into a local file called `index.js` and run with `node index.js`:
```
var http = require('http');
const server = http.createServer((req, res) => {
res.writeHead(200, { 'Content-Type': 'text/css' });
setTimeout(() => {
res.end(`html, body{
background: green;
width: 100vw;
width: 100vh;
}`);
}, 3000)
}).listen(8080);
```
2. Paste in address bar of new tab after running `node index.js` from above:
data:text/html,<link rel="stylesheet" href="http://localhost:8080" type="text/css"><div>SLOWCSS
# Expected:
After the styelsheet loads, its matching rules for the `<body>` element should render in the Rule view
# Actual
The Rule view is not updated. A click on a separate element, then back on the `<body>` is required.
|
Reporter | |
Updated•6 years ago
|
Priority: -- → P2
|
||
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•