Bug 79487 - Background-position doesn't transition when using different units for each state
Summary: Background-position doesn't transition when using different units for each state
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows 7
: P2 Enhancement
Assignee: Nobody
URL: http://dabblet.com/gist/1900938
Keywords:
Depends on:
Blocks:
 
Reported: 2012-02-24 07:26 PST by Thijs Reijgersberg
Modified: 2021-05-20 22:24 PDT (History)
4 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Thijs Reijgersberg 2012-02-24 07:26:12 PST
When setting the background position in one unit and on :hover on a different unit webkit doesn't transition the background-position change. 

See http://dabblet.com/gist/1900938 for a test case.

The colour transitions properly but the background position jumps from one state to the next. 
When declaring both background position declarations in the same unit webkit does transition the background position properly.
Comment 1 Shane Stephens 2012-02-29 19:51:43 PST
It's not currently possible to transition between unit types (here you're transitioning between a percentage and a length). Although this limitation isn't explicit in the specification (http://www.w3.org/TR/css3-transitions/) it is implied.

Note that the CSSWG is currently considering whether and how to handle transitions between unit types. For now I've marked this bug as an enhancement request.
Comment 2 mic.gallego 2021-05-20 22:24:43 PDT
Is there some news about this? I am experimenting the same issues. Every other browsers are able to transition this properly.