Closed
Bug 656692
Opened 15 years ago
Closed 15 years ago
CSS first-letter pseudo class breaks whole page if background image is set
Categories
(Core :: Web Painting, defect)
Tracking
()
RESOLVED
INVALID
People
(Reporter: matthewhse, Unassigned)
Details
Attachments
(1 obsolete file)
User-Agent: Mozilla/5.0 (Windows NT 6.0; rv:2.0.1) Gecko/20100101 Firefox/4.0.1
Build Identifier: Mozilla/5.0 (Windows NT 6.0; rv:2.0.1) Gecko/20100101 Firefox/4.0.1
Applying a background image to an element with a first-letter pseudo class causes the page to render all or mostly in black until the page is scrolled, text is selected, or tabs are switched.
Reproducible: Always
Steps to Reproduce:
1.) Create a webpage with the following code:
<html>
<head>
<style type="text/css">
p:first-letter {
background: url('/path/to/image.gif') no-repeat top left;
}
</style>
</head>
<body>
<p>This is a bit of a problem.</p>
</body>
</html>
2.) Load the page in Firefox 4. It should render completely black.
3.) (Optional) Press CTRL + A; the paragraph will turn white but the rest of the page will stay black.
4.) Switch tabs then come back to the test page; the page will be rendered correctly.
Actual Results:
The page renders all black until text is selected, the page is scrolled, or tabs are switched.
Expected Results:
Normal rendering for first-letter pseudo classes, as in previous versions of Firefox.
The browser tab itself may also turn black where the page title would ordinarily appear until the page is rendered correctly.
|
||
Updated•15 years ago
|
Component: General → Style System (CSS)
Product: Firefox → Core
QA Contact: general → style-system
Version: 4.0 Branch → unspecified
|
||
Comment 1•15 years ago
|
||
Please attach a reduced Testcase showing your Issue.
https://bugzilla.mozilla.org/attachment.cgi?bugid=656692&action=enter
|
|
||
Updated•15 years ago
|
Component: Style System (CSS) → Layout: View Rendering
QA Contact: style-system → layout.view-rendering
He put one in the comment, that's good enough.
|
||
Comment 3•15 years ago
|
||
This is the testcase described by the reporter. I don't see the problem on my machine though.
|
|
||
Comment 4•15 years ago
|
||
Matthew, what happens if you disable hardware acceleration in preferences?
Timothy, it still happens with hardware acceleration disabled, but not every time (more like one in ten pageloads). It does, however, still happen every time with several in-production pages I have on one of my websites.
In my tests today, the bug is far more likely to be encountered on files actually live on an Internet web server rather than on my local hard disk (which I regrettably forgot to try before filing the bug).
|
|
||
Comment 6•15 years ago
|
||
Thanks for testing. Does the problem occur for you in the testcase that I attached to this bug? If not please include a link or upload a testcase that does show the problem for you.
Keywords: regression
Somehow the problem does not occur for me on the uploaded testcase you included. However, here's an in-production page where the problem still occurs every single pageload on at least three separate computers (in two separate locations) running Firefox 4:
http://homeschoolenrichment.com/magazine/
Removing the background-image for the CSS classes "testimonial" and "pullquote" solves the problem. Since I was able to reproduce this bug on at least one computer with the original test page, I assumed it was a stand-alone bug (i.e., not interacting with other CSS rules).
|
|
||
Updated•15 years ago
|
Attachment #532307 -
Attachment is obsolete: true
|
|
||
Comment 8•15 years ago
|
||
I wasn't able to reproduce a problem on that page in Linux or in my Windows XP VM. Getting a regression window would help.
Keywords: regressionwindow-wanted
(In reply to comment #7)
> http://homeschoolenrichment.com/magazine/
What are the exact steps to reproduce for that page? Just load it?
|
|
Reporter | |
Comment 10•15 years ago
|
||
Sorry for the long delay in replying, some family-related issues came up.
I think I've found the problem. It's caused when the Adblock Plus extension is installed AND disabled for the current page. (I could kick myself for not thinking to check extensions before my initial post.)
|
|
||
Comment 11•15 years ago
|
||
Thanks for reporting back.
Status: UNCONFIRMED → RESOLVED
Closed: 15 years ago
Keywords: regression,
regressionwindow-wanted
Resolution: --- → INVALID
|
Assignee | |
Updated•7 years ago
|
Component: Layout: View Rendering → Layout: Web Painting
You need to log in
before you can comment on or make changes to this bug.
Description
•