My favorites | Sign in
Project Home Wiki Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 4270: CSS linked through system URI is not listed inside the CSS panel Location Menu
2 people starred this issue and may be notified of changes. Back to list
Status:  Triaged
Owner:  ----
Cc:  kpdecker, sroussey, sebastia...@gmail.com, odva...@gmail.com
css


Sign in to add a comment
 
Reported by coolr...@gmail.com, Mar 23, 2011
CSS files that are linked through resource URI are not seen by Firebug (or Chromebug) even though they are processed just fine by Firefox.

A example extension is attached. In its HTML file it has the follow HTML:

    <style> .inside-class { font-weight: bold;} </style>
    <link type="text/css" href="external.css" rel="stylesheet">
    <link type="text/css" href="resource://exampleext-resource/resource.css" rel="stylesheet">
    <script type="text/javascript" src="resource://exampleext-resource/alert.js" ></script>
</head>
<body>
    <a class="inside-class external-class resource-class">here is an anchor</a>
</body>

These three CSS's apply three simple style changes:
internal CSS - internal-class - bold
external.css - external-class - italics
resource.css - resource-class - red

As shown in the attached image, the anchor has all three classes applied - bold, italics, and red. But Firebug only shows the CSS from the internal and external.css.

This happens if the file is opened through the chrome URI (chrome://exampleext/content/resourceCssExample.html) or though a file URI (file:///Z:/dgr/dev/js/firebug/exampleext/content/resourceCssExample.html).

To reproduce:
* Install the attached extension
* Open chrome://exampleext/content/resourceCssExample.html
* See that anchor has all three CSS classes applied as describes above and shown in image.
* Inspect the anchor using Firebug HTML panel, notice in CSS sub-panel that only the internal and external.css styles are shown (as shown in attached image)

Firebug 1.7.0
Firefox 3.6.15
Windows XP SP3

mwsnap183.png
25.8 KB   View   Download
exampleext.zip
2.8 KB   Download
Apr 26, 2011
#1 sebastia...@gmx.de
It IS shown, but as system stylesheet. You just have to set extensions.firebug.showUserAgentCSS to true. You can also change that using the UI:
Style Side Panel Tab Menu > Show User Agent CSS
Please tell us, if that works for you.

Though I see two other bugs here:
1. The inline stylesheet and the ones coming from external.css are not marked as system style sheets
=> When should a stylesheet be marked as system stylesheet?
I believe, chrome and resource URIs should always be marked as system stylesheets.

2. When the preference is disabled you even don't see the file in the Location Menu in the CSS Panel and there is no option in the CSS Panel's Tab Menu to change that.
=> Should all CSS files be listed there regardless whether they are system style sheets?
I'd say yes.
Status: NeedInfo
Cc: sebastia...@gmx.de kpdecker
Apr 26, 2011
#2 sebastia...@gmx.de
Also, if a chrome URI is called, shouldn't system stylesheets automatically be shown regardless of what is set in extensions.firebug.showUserAgentCSS?
Nov 28, 2011
#3 sebastia...@gmx.de
 Issue 3009  has related discussion about when system styles should be displayed.
Cc: sroussey
Mar 2, 2012
#4 sebastia...@gmx.de
Issue 5084 covers the part of comment 2.

> 1. The inline stylesheet and the ones coming from external.css are not marked as 
> system style sheets
Now (1.10a4) they are. So there's no problem related to that anymore.

> When the preference is disabled you even don't see the file in the Location Menu 
> in the CSS Panel and there is no option in the CSS Panel's Tab Menu to change that.
I changed the issue summary to cover this problem.

Btw. the example extension doesn't work. I just copied the files to Firebug to test them. So David, could you please create an XPI out of that?

Sebastian
Summary: CSS linked through system URI is not listed inside the CSS panel Location Menu
Status: Triaged
Labels: Type-Defect css 1.10-a4 Test-case-needed
Mar 23, 2013
Project Member #5 sebastia...@gmail.com
(No comment was entered for this change.)
Cc: sebastia...@gmail.com
Apr 8, 2013
Project Member #6 sebastia...@gmail.com
(No comment was entered for this change.)
Cc: -sebastia...@gmx.de
Sign in to add a comment

Powered by Google Project Hosting