Bug 15827

Summary: Two opposing linear transitions don't compute to the same value
Product: WebKit Reporter: Nicholas Shanks <nickshanks>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Trivial CC: bfulgham, cmarrin, dino, simon.fraser
Priority: P2    
Version: 523.x (Safari 3)   
Hardware: Mac (Intel)   
OS: OS X 10.5   
Attachments:
Description Flags
Testcase none

Nicholas Shanks
Reported 2007-11-04 01:20:53 PST
Try out the following HTML. You will notice that the edges of the 'dock' don't stay in fixed positions, but jostle around by one pixel during the animation, as the mouse passes from one icon to the next. You can use whatever square image you like for "icon.png". <!DOCTYPE html> <style type="text/css"> #dock { width: 100%; text-align: center; position: fixed; bottom: 0px; } img { width: 64px; -webkit-transition: width 0.15s linear; } img:hover { width: 128px; } </style> <div id="dock"><img src="icon.png"><img src="icon.png"><img src="icon.png"><img src="icon.png"><img src="icon.png"><img src="icon.png"></div>
Attachments
Testcase (596 bytes, text/html)
2009-01-03 17:12 PST, Simon Fraser (smfr) 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2009-01-03 17:12:24 PST
Created attachment 26397 [details] Testcase
Simon Fraser (smfr)
Comment 2 2009-01-03 17:13:08 PST
Because of rounding and synchronization issues, I don't think we can guarantee that the total width of two transitioning elements can add up to some constant value.
Brent Fulgham
Comment 3 2022-07-11 16:09:25 PDT
Safari, Chrome, and Firefox show the same rendering behavior for this test case. I do not believe any further compatibility issue remains.
Note You need to log in before you can comment on or make changes to this bug.