Closed Bug 728839 Opened 13 years ago Closed 1 year ago

Scaled images disappear with opacity changed.


(Core :: Graphics, defect)

13 Branch
Windows 7





(Reporter: saudrapsmann, Unassigned)



(1 file)

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.56 Safari/535.11

Steps to reproduce:

-Go to with OneeChan userstyle:
-Hover over icons that are set to -moz-transform: scale(0.9); with opacity: 0.4 normally and opacity: 1.0 on hover

Actual results:

See picture.

-Remove cursor
-Icon disappears entirely for about a second until flashing back up with the normal opacity.

Expected results:

-Remove cursor from over the icon
-Icon simply changes back from opacity: 1.0 to opacity: 4.0 with the icon NOT disappearing.

This bug doesn't happen in Firefox 10 or Chrom*, where the opacity changes back as normal when no longer hovering. Removing -moz-transform: scale(0.9); fixes it.
Does it work in the firefox safemode (disables the hwa) ?
I wouldn't know where to test it in safe mode, my guaranteed way of reproducing it depends on Stylish and Scriptish to make those modifications to the 4chan images.
Disable the hardware acceleration in tools/options/advanced/general (FF restart required) instead
Looks like it already was disabled.
Component: Untriaged → Graphics
Product: Firefox → Core
QA Contact: untriaged → thebes
Can you post the contents of your about:support?

Also, do you see this bug with hardware acceleration enabled?

Yes, it does. I've also had varying severities of this issue from people that have reported it to me, I've never seen it personally as bad as others have reported it.
Er, thinking of the wrong bug, sorry lol, ignore that last bit, but yes it does still happen.
Issue confirmed in safe mode with Firefox and Windows 7 Professional (64-bit) (6.1.7601 Service Pack 1 Build 7601)

I have a similar problem with a straight CSS animation.  No scripts are involved.  The problem is unchanged by using safe mode.  As soon as opacity changes, from 1 to 0.1, the image is briefly restored to original size and shifted down as the fade begins and then returns to scaled size and correct position a bit later.  There is no problem if the image is upscaled.  

Here are the animation the keyframes that produce the problem.

@-moz-keyframes fade {
	0% {opacity:1;}
	80% {opacity:1;}
	84% {opacity:0.1;}
	95% {opacity:0.1;}
	100% {opacity:1;}
@-moz-keyframes scale {
	0% {-moz-transform:scale(1);}
	7% {-moz-transform:scale(1);}
	12% {-moz-transform:scale(0.75);}
	95% {-moz-transform:scale(0.75);}
	100% {-moz-transform:scale(1);}
Very curious, after days of not working, after restarting in normal mode (after safe mode) the animation is working fine for me.  Go figure!?
(In reply to Roy Levow from comment #10)
> Very curious, after days of not working, after restarting in normal mode
> (after safe mode) the animation is working fine for me.  Go figure!?

Does it still work in safe mode? Normal mode might use Direct2D/D3D10, particularly with up to date graphics drivers. Safe mode will use different rendering paths and render through software.
Confirm disappearing images on hover. I have several options. my images always have border radius 8px 8px 0 0 and opacity 0.9 on hoover only. images aren't scaled. sometimes when i hover mouse over the images - they start to disappear. they could stay shown but if one of them started disappear - all others start to disappear to on hover. until next page refresh. refresh could give images working fine again and next refresh could make them disappearing on hoover again. if i get rid of hover opaciti or border radius or both of them in my CSS file - images won't get disappear no more. 100% reproductible bug - you can try it on . now opacity and rounded corners are on, bug mode is on )). my firefox is 18.0.1 and i am under ubuntu.
Severity: normal → S3
Closed: 1 year ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.