790932 - Firefox 15 images disappear when border-radius is applied

Status: RESOLVED DUPLICATE of bug 786817

(Core :: Graphics, defect)

Description

[u451271]

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

[Jesper Hansen]

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

Comment 2

[u451271]

Hi

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?

Comment 3

[Matthias Versen [:Matti]]

We need a testcase and trying 16beta is a good idea

Comment 4

[mjh563]

This sounds a bit like bug 786817. A testcase would be helpful though.

Comment 5

[u451271]

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.
http://jsfiddle.net/cQf44/8/

If you remove the javascript scroll function and scroll by hand like here
http://jsfiddle.net/cQf44/9/
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.


rgds
steven

Comment 6

[u451271]

Ello,
Just loaded, firefox version 16, same thing as with version 15.

Comment 7

[Matthias Versen [:Matti]]

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

[mjh563]

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

http://www.mozilla.org/firefox/beta/

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

Comment 9

[u451271]

Hello.

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.

rgds
steven