Hello. I have been running the latest versions of Firefox (14.0.1) and Firebug (1.10.0) under Microsoft Windows, and I have noticed a strange problem. When inspecting the HTML of an element in an IFRAME whose class is changed by Javascript executed by clicking on an element outside the IFRAME, the changing class is not shown in the HTML inspector once the IFRAME is reloaded.
To clarify things, I have attached four files. Here are the steps to reproduce the problem: 1. Place all four attached files in a single directory on disk. 2. Load DYN.HTM in Firefox with Firebug on. 3. Click on Firebug's "Click an element in the page to inspect" button. 4. Click on the text inside the rectangle. This will bring up the HTML inspector on the text. 5. Click on the text outside the rectangle a few times. Notice that the style of all the text changes, and 'class="highlight"' inside the HTML inspector toggles on and off, as they should. 6. Now, right-click inside the rectangle and select "This Frame > Reload Frame". 7. Repeat steps 3-5. This time, even though the text style changes, as it should, the class shown in the HTML inspector does not change this time. This seems like a bug in Firebug. Should I report it? -- You received this message because you are subscribed to the Google Groups "Firebug" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at https://groups.google.com/forum/#!forum/firebugTitle: Dynamic Style Test
|
Click to highlight below text.
|
|---|
|
This text should be highlighted.
|
.clicked
{
background-color:#0000FF;
display:inline-block;
}
.highlight
{
border: 1px inset red;
background-color:Yellow;
position:relative;
display:inline-block;
}
HIGHLIGHTFRAME.JS
Description: JavaScript source
