Bug 107315

Summary: transition delayed while waiting for inherited font-size value
Product: WebKit Reporter: Mike Sierra <letmespellitoutforyou>
Component: AnimationsAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: accept.acm, dino, dtrebbien, graouts, graouts, laszlo.gombos, simon.fraser
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
URL: http://letmespellitoutforyou.com/cssDemo/fontSize.html

Mike Sierra
Reported 2013-01-18 12:46:47 PST
Open the URL and use the sliders to change either of the "pixels" or "points" values. The animation on the second sentence (the <span> element) is delayed by that of the overall <section> block, even when it inherits the parent's value. (Both the parent <section> and child <span> element have a CSS transition applied to them, the latter as a way to indicate how relative keywords affect the inherited font-size value.) Unclear as to the proper specified behavior in this case, but Firefox & Opera both transition smoothly.
Attachments
Simon Fraser (smfr)
Comment 1 2013-01-18 13:58:08 PST
Cute bug!
Mike Sierra
Comment 2 2013-01-18 15:17:04 PST
Yes, adorable. It also appears Webkit & Opera transition stepping by integer values; Firefox is much smoother. (Occasionally shows up unwittingly when transition-property:all is in effect & the user zooms the page.)
Antoine Quint
Comment 3 2022-09-13 02:05:05 PDT
Sadly, the testcase is now gone.
Note You need to log in before you can comment on or make changes to this bug.