Firefox 15 images disappear when border-radius is applied




6 years ago
4 years ago


(Reporter: u451271, Unassigned)


15 Branch
Windows 7

Firefox Tracking Flags

(Not tracked)





6 years ago
User Agent: Mozilla/5.0 (Windows NT 6.1; rv:15.0) Gecko/20100101 Firefox/15.0.1
Build ID: 20120905151427

Steps to reproduce:

I am creating a Webpage-gallery with HTML and CSS.
I have a div that contains several divs with an image and a hidden Span.

Actual results:

When I apply a border-radius via CSS to the images they disappear during scrolling and reappear 30 seconds later. 
If add an border around the image it will not disappear and everything works fine.

Expected results:

Firefox should display the images while scrolling with the scrollbar when a border-radius is applied.

Firefox 14 does it right, checked it twice even Internet Explorer 9 works, but Firefox 15 fails.
Now my Boss blames me, so I have to use a FF15 only workaround.

Comment 1

6 years ago
Did you remember to apply border style? 1px and solid all that?

Comment 2

6 years ago

But I don't want a border. And I don't quite get it.
It workes fine without a border style on Firefox 14.

I tried on behalf of your post:

applying border-style: hidden; => does not work.
applying border-style: none; => does not work.
applying border-style: dotted; => WORKS, but I don't want a border around every gallery image.

I use as Firefox 15 workaround and apply to every image
border:1px solid #000000;

so it seems invisible and almost adds no space.

Without border the images are visible ON LOAD, but if I scroll they disappear and reappear 20-40 seconds later.
the div is still there as i can click on it which loads a bigger version of it.

I can reproduce this in FF15
it won't appear in FF14 or internet exploder.

should I try FF16 beta?
We need a testcase and trying 16beta is a good idea

Comment 4

6 years ago
This sounds a bit like bug 786817. A testcase would be helpful though.
Component: Untriaged → Graphics
Product: Firefox → Core

Comment 5

6 years ago
Hi @all.

Sorry it took a while, but I have to do work @ my work.
here is a small jfiddle i made. it is not 100% perfect, but it shows the issue.

It is a scrolling gallery, and the images disappear on scrolling.

If you remove the javascript scroll function and scroll by hand like here
the images disappear after scrolling and reappear after a while.

This only happens with firefox 15.
but in chrome (v21.x) it works. It also works with the internet exploder 9 
With Firefox 14 it was also no problem, but due to Auto update i can't check it twice, and I don't have the time to downgrade.

if you take the fiddle and remove the rounded borders it works in firefox.
You can also add border around the gallery images (same color as background) but with javascript this causes firefox to eat 100% of my cpu and makes the scrolling super choppy and laggy.
so for the real solution I left the rounded borders away.

I hope that helps and will try firefox 16 later.


Comment 6

6 years ago
Just loaded, firefox version 16, same thing as with version 15.


6 years ago
I can not reproduce any disappearing images with 
Mozilla/5.0 (Windows NT 6.1; rv:18.0) Gecko/18.0 Firefox/18.0 SeaMonkey/2.15a1
Mozilla/5.0 (Windows NT 6.1; rv:15.0) Gecko/20100101 Firefox/15.0.1

Can you please post the graphic section from about:support (enter as URL) ?

Comment 8

6 years ago
Steven, could you test it in Firefox 16 again using the current beta (beta 4)?

I can reproduce the bug in beta 3 but not beta 4, so I think this is a duplicate of bug 786817.

Comment 9

6 years ago

with the latest autoupgrade it works now with firefox beta 16.
the images do not disappear anymore.
so I assume this was a duplicate of bug 786817.

Last Resolved: 6 years ago
Resolution: --- → DUPLICATE
Duplicate of bug: 786817
You need to log in before you can comment on or make changes to this bug.