Closed
Bug 1379416
Opened 8 years ago
Closed 8 years ago
Dev tools CSS inspection differ from actual render
Categories
(DevTools :: Inspector: Rules, defect)
Tracking
(Not tracked)
RESOLVED
DUPLICATE
of bug 713106
People
(Reporter: phyks, Unassigned)
Details
(Keywords: testcase)
Attachments
(1 file)
|
176.92 KB,
image/png
|
Details |
screenshot.png
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:54.0) Gecko/20100101 Firefox/54.0
Build ID: 20170630112252
Steps to reproduce:
Hi,
I am not sure about the exact steps to reproduce. In my case, I have a structure body > footer > a, with a color rule on body > footer > a, and a different color rule on a and a:visited.
Actual results:
Problem occurs when the link is visited. As can be seen on the attached screenshot, the link has the color of the a:visited rule. However, the CSS inspection from the dev tools strike this rule and let me think it should be displayed in white color.
More problematic is the fact that in the "computed" tab, the computed color is white, which is obviously not what is displayed in the browser.
Expected results:
I totally get why one or the other CSS rule might take precedence. But I would expect the dev tools inspector to give the same output as the one from the main browsing area.
Thanks!
Please provide the testcase, or hover to review the search button that is shown next to a property that has been overridden in the rule view.
Keywords: testcase-wanted
Sorry, I missed the hover part. Here is a snippet to reproduce.
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
body {
background-color: grey;
}
body > footer a {
color: white;
}
a, a:visited {
color: #436CA8;
}
body > footer {
color: white;
}
</style>
</head>
<body>
<footer>
<address><a href="http://python.org">Python</a></address>
</footer>
</body>
</html>
Status: UNCONFIRMED → NEW
Has STR: --- → yes
Component: Untriaged → Developer Tools: CSS Rules Inspector
Ever confirmed: true
Keywords: testcase-wanted → testcase
OS: Unspecified → All
Hardware: Unspecified → All
This sounds like a long standing known issue: the rule view is not aware of visited state, so it doesn't give the right information currently.
Please reopen if I have misunderstood.
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → DUPLICATE
|
||
Updated•7 years ago
|
Product: Firefox → DevTools
You need to log in
before you can comment on or make changes to this bug.
Description
•