Bug (FGRibreau) – 2 rendering bugs with "-webkit-transition:"

• Component: Layout and Rendering
• Status: RESOLVED DUPLICATE

Do test with : http://fgribreau.com/_index_.php

---------------
-- First bug --
---------------

-> Working example:
Scroll up at the maximum ($(window).scrolltop() == 0)
Mouse your mouse over the 4 horizontal menu's icons (linkedin, twitter etc...) => animation work smoothly

-> Produce the bug:
Scroll down the page for 5 secondes (Just to have $(window).scrolltop() > 0)
Mouse your mouse over the 4 horizontal menu's icons (linkedin, twitter etc...)

The -webkit-transition:-webkit-transform 0.2s linear,margin 0.2s linear; didn't work at all.

----------------
-- Second bug --
----------------

-> Produce the bug:

Scroll down (via multi-touch or mouse wheel) AND move your pointer in the screen center. Blue "link" box would appear because of:
.post:hover aside{opacity:1;-webkit-transition:opacity 0.1s linear;}


If you scroll down/up when an animation occure on the "blue "link" box", the entire header will "jump",freeze (because he's in fixed positioning)

-> What I except:
The header wouldn't "jump".

PS: You're doing a great job on safari/webkit, I really have fun playing around with webkit/CSS3 :)

[Simon Fraser (smfr)]

Can you make reduced testcases? It looks like it might be related to your use of position: fixed.

[Simon Fraser (smfr)]

Oh, and one bug per bug report please. Please file a second bug on "Second bug".

Ok, I will create a second bug report ;)

[Simon Fraser (smfr)]

So the First Bug is now covered by bug 29346.
The second bug is covered by bug 29262.

I'm going to mark this a dup of 29346.

*** This bug has been marked as a duplicate of bug 29346 ***