[Webkit-unassigned] [Bug 85705] New: Animating width/height of centered block with centered background image causes image to jump

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Sat May 5 03:54:03 PDT 2012


https://bugs.webkit.org/show_bug.cgi?id=85705

           Summary: Animating width/height of centered block with centered
                    background image causes image to jump
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh
               URL: http://jsfiddle.net/HMDrJ/
        OS/Version: Mac OS X 10.7
            Status: UNCONFIRMED
          Severity: Major
          Priority: P3
         Component: New Bugs
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: mail at ickata.net


I have a block, horizontally and vertically centered inside a table cell. This block has a background image, which position is "center center" (i.e. hor/vert centered). 

When I animate the width/height of the block, the background image jumps horizontally/vertically w/ about 1px, but it is very bad looking.

Observed in latest versions of Chrome/Safari Browsers.

Bug can be observed here: http://jsfiddle.net/HMDrJ/ (just open in Chrome/Safari, and click [Animate])

Bug is not observed in any other major non-webkit browser.

Further notes: it seems that the background image jumps only when its dimensions are bigger than the current width/height of its' parent block.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.



More information about the webkit-unassigned mailing list