Scaled images disappear with opacity changed.

UNCONFIRMED
Unassigned

Status

()

Core
Graphics
UNCONFIRMED
6 years ago
5 years ago

People

(Reporter: Jordan Bates, Unassigned)

Tracking

13 Branch
x86_64
Windows 7
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

6 years ago
Created attachment 598824 [details]
Icons scaled down, shows them disappearing

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 4chan.org with OneeChan userstyle:
http://userstyles.org/styles/56312/oneechan
-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) ?
http://support.mozilla.com/en-US/kb/Safe+Mode
(Reporter)

Comment 2

6 years ago
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
(Reporter)

Comment 4

6 years ago
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?
(Reporter)

Comment 6

6 years ago
about:support
http://pastebin.com/Uq5RLRAK

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.
(Reporter)

Comment 7

6 years ago
Er, thinking of the wrong bug, sorry lol, ignore that last bit, but yes it does still happen.
(Reporter)

Comment 8

6 years ago
Possibly related? 

https://bugzilla.mozilla.org/show_bug.cgi?id=714137

Comment 9

6 years ago
Issue confirmed in safe mode with Firefox 13.0.1.4548 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);}
}

Comment 10

6 years ago
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.

Comment 12

5 years ago
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 tk-elservice.ru/categories . now opacity and rounded corners are on, bug mode is on )). my firefox is 18.0.1 and i am under ubuntu.
You need to log in before you can comment on or make changes to this bug.