54647 2011-02-17 06:23:22 -0800 Transitioning between transform:translate() with different units doesn't work 2011-06-06 21:09:49 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac (Intel) OS X 10.6 RESOLVED DUPLICATE 23775 http://oli.jp/bugs/browser/transform-translate.html P2 Normal --- 1 webkit.org webkit-unassigned cmarrin dino simon.fraser oldest_to_newest 352800 0 webkit.org 2011-02-17 06:23:22 -0800 When transitioning between two transform:translate() values, the transition only works correctly if both pre- and post-transition translate states use the same length units. * In WebKit Version 5.0.3 (6533.19.4, r78685) & Safari Version 5.0.3 (6533.19.4) when the transform:translate() units differ and the transition is stopped before completing, the transition jumps to the end translate state before reverting at a higher speed to finish at the correct time * In Chrome 9.0.597.102 (and Opera 11.01) if transform:translate() length units differ (initial = px, :hover = %), then the change is instant and the transition is ignored. * Firefox 4 beta 8 gets a gold star for rendering as expected http://oli.jp/bugs/browser/transform-translate.html 353014 1 82830 simon.fraser 2011-02-17 10:37:16 -0800 Created attachment 82830 Testcase 353015 2 simon.fraser 2011-02-17 10:37:38 -0800 I see different behavior with and without accelerated compositing enabled. 416272 3 simon.fraser 2011-06-06 21:00:14 -0700 (In reply to comment #2) > I see different behavior with and without accelerated compositing enabled. Actually that's not true. This is related to interrupted transitions. 416277 4 simon.fraser 2011-06-06 21:09:15 -0700 This is expected for now. We don't have the smarts to convert both endpoints to the same units before transitioning. 416279 5 simon.fraser 2011-06-06 21:09:49 -0700 *** This bug has been marked as a duplicate of bug 23775 *** 82830 2011-02-17 10:37:16 -0800 2011-02-17 10:37:16 -0800 Testcase transition-units.html text/html 2875 simon.fraser PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CjxtZXRhIGNoYXJzZXQ9InV0 Zi04Ij4KPHRpdGxlPkJ1ZyByZXBvcnQ6IHRyYW5zaXRpb25pbmcgYmV0d2VlbiB0cmFuc2Zvcm06 dHJhbnNsYXRlKCkgd2l0aCBkaWZmZXJlbnQgdW5pdHM8L3RpdGxlPgo8bWV0YSBuYW1lPSJhdXRo b3IiIGNvbnRlbnQ9Ik9saSBTdHVkaG9sbWUiPgo8c3R5bGU+Ci8qIGJhc2Ugc3R5bGVzICovCmJv ZHkge21hcmdpbjogMCBhdXRvOyBwYWRkaW5nOiAwIDEuNWVtIDEuNWVtOyBmb250LWZhbWlseTog IkhlbHZldGljYSBOZXVlIiwiQml0c3RyZWFtIFZlcmEgU2FucyIsQXJpYWwsc2Fucy1zZXJpZjsg YmFja2dyb3VuZDogI2YxZjFmMTt9CmgxIHtmb250LXNpemU6IDEuNWVtOyBsaW5lLWhlaWdodDog MS4yNTt9CmgyIHtmb250LXNpemU6IDEuMjVlbTsgbGluZS1oZWlnaHQ6IDEuMjt9CmgzIHtmb250 LXNpemU6IDEuMTI1ZW07IGxpbmUtaGVpZ2h0OiAxLjMzMzM7fQpoMSwgaDIsIGgzIHtmb250LWZh bWlseTogR2VvcmdpYSwiVGltZXMgTmV3IFJvbWFuIixUaW1lcyxzZXJpZjt9CnByZSwgY29kZSB7 YmFja2dyb3VuZDogI2ZmZjt9Ci53YXJuaW5nIHtvdXRsaW5lOiAxcHggc29saWQgaHNsYSgwLDcw JSwzMCUsLjgpO30KLyogYnVnIHJlcG9ydCBzdHlsZXMgKi8KI3RyYW5zbGF0ZSBkaXYgewoJd2lk dGg6IDEwMHB4OwoJaGVpZ2h0OiAxMDBweDsKCWJhY2tncm91bmQ6ICNiYmI7CgktbW96LXRyYW5z Zm9ybTogdHJhbnNsYXRlKDFweCk7IC8qIEZGMy41KyAqLwoJLXdlYmtpdC10cmFuc2Zvcm06IHRy YW5zbGF0ZSgxcHgpOyAvKiBTYWYzLjErLCBDaHJvbWUgKi8KCS1vLXRyYW5zZm9ybTogdHJhbnNs YXRlKDFweCk7IC8qIE9wZXJhIDEwLjUgKi8KCXRyYW5zZm9ybTogdHJhbnNsYXRlKDFweCk7Cn0K I3RyYW5zbGF0ZSBkaXYgewogIC1tb3otdHJhbnNpdGlvbjogYWxsIDJzOwoJLXdlYmtpdC10cmFu c2l0aW9uOiBhbGwgMnM7Cgktby10cmFuc2l0aW9uOiBhbGwgMnM7Cgl0cmFuc2l0aW9uOiBhbGwg MnM7Cn0KI3RyYW5zbGF0ZTpob3ZlciAub25lIHsKCS1tb3otdHJhbnNmb3JtOiB0cmFuc2xhdGUo NDAwcHgpOyAvKiBGRjMuNSsgKi8KCS13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGUoNDAwcHgp OyAvKiBTYWYzLjErLCBDaHJvbWUgKi8KCS1vLXRyYW5zZm9ybTogdHJhbnNsYXRlKDQwMHB4KTsg LyogT3BlcmEgMTAuNSAqLwoJdHJhbnNmb3JtOiB0cmFuc2xhdGUoNDAwcHgpOwp9CiN0cmFuc2xh dGU6aG92ZXIgLnR3byB7CgktbW96LXRyYW5zZm9ybTogdHJhbnNsYXRlKDQwMCUpOyAvKiBGRjMu NSsgKi8KCS13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGUoNDAwJSk7IC8qIFNhZjMuMSssIENo cm9tZSAqLwoJLW8tdHJhbnNmb3JtOiB0cmFuc2xhdGUoNDAwJSk7IC8qIE9wZXJhIDEwLjUgKi8K CXRyYW5zZm9ybTogdHJhbnNsYXRlKDQwMCUpOwp9Cgo8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5Pgo8 aDE+VHJhbnNpdGlvbmluZyBiZXR3ZWVuIHRyYW5zZm9ybTp0cmFuc2xhdGUoKSB3aXRoIGRpZmZl cmVudCB1bml0czwvaDE+CjxwPjxpPkJ5OiBPbGkgU3R1ZGhvbG1lICg8YSBocmVmPSJodHRwOi8v dHdpdHRlci5jb20vYm9ibGV0Ij5AYm9ibGV0PC9hPiksIDx0aW1lPjIwMTEtMDItMTc8L3RpbWU+ PC9pPjwvcD4KPGRpdiBpZD0idHJhbnNsYXRlIj4KPHByZT48Y29kZT5kaXYgewogIHRyYW5zZm9y bTogdHJhbnNsYXRlKDFweCk7IC8qIHByZS10cmFuc2l0aW9uICovCiAgdHJhbnNpdGlvbjogYWxs IDFzOwp9Ci5vbmUgewogIHRyYW5zZm9ybTogdHJhbnNsYXRlKDQwMHB4KTsgLyogcG9zdC10cmFu c2l0aW9uLCBzYW1lIHVuaXRzICovCn0KLnR3byB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoNDAw JSk7IC8qIHBvc3QtdHJhbnNpdGlvbiwgZGlmZmVyZW50IHVuaXRzICovCn08L2NvZGU+PC9wcmU+ Cgo8aDI+RXhwZWN0ZWQgYmVoYXZpb3VyOjwvaDI+CjxkaXYgY2xhc3M9Im9uZSI+b25lPC9kaXY+ Cgo8cD50aGUgPGNvZGU+dHJhbnNmb3JtOnRyYW5zbGF0ZSgpPC9jb2RlPiBpcyB0cmFuc2l0aW9u ZWQg4oCUIHRoaXMgd29ya3MgYXMgZXhwZWN0ZWQgd2hlbiBwcmUtIGFuZCBwb3N0LXRyYW5zaXRp b24gPGNvZGU+dHJhbnNmb3JtOnRyYW5zbGF0ZSgpPC9jb2RlPiBsZW5ndGggdW5pdHMgYXJlIGlk ZW50aWNhbCAoaW5pdGlhbCA9IHB4LCA8Y29kZT46aG92ZXI8L2NvZGU+ID0gcHgpPC9wPgoKPGgy Pk9ic2VydmVkIGJlaGF2aW91cjo8L2gyPgo8ZGl2IGNsYXNzPSJ0d28iPnR3bzwvZGl2PgoKPGRs Pgo8ZHQ+T3BlcmEgMTEuMDEsIENocm9tZSA5LjAuNTk3LjEwMjwvZHQ+CjxkZD5pZiA8Y29kZT50 cmFuc2Zvcm06dHJhbnNsYXRlKCk8L2NvZGU+IGxlbmd0aCB1bml0cyBkaWZmZXIgKGluaXRpYWwg PSBweCwgPGNvZGU+OmhvdmVyPC9jb2RlPiA9ICUpLCB0aGVuIHRoZSBjaGFuZ2UgaXMgaW5zdGFu dCBhbmQgdGhlIHRyYW5zaXRpb24gaXMgaWdub3JlZDwvZGQ+CjxkdD5XZWJLaXQgVmVyc2lvbiA1 LjAuMyAoNjUzMy4xOS40LCByNzg2ODUpLCBTYWZhcmkgVmVyc2lvbiA1LjAuMyAoNjUzMy4xOS40 KTwvZHQ+CjxkZD53aGVuIHRoZSA8Y29kZT50cmFuc2Zvcm06dHJhbnNsYXRlKCk8L2NvZGU+IHVu aXRzIGRpZmZlciBhbmQgdGhlIHRyYW5zaXRpb24gaXMgc3RvcHBlZCBiZWZvcmUgY29tcGxldGlu ZywgdGhlIHRyYW5zaXRpb24ganVtcHMgdG8gdGhlIGVuZCB0cmFuc2xhdGUgc3RhdGUgYmVmb3Jl IHJldmVydGluZyBhdCBhIGhpZ2hlciBzcGVlZCB0byBmaW5pc2ggYXQgdGhlIGNvcnJlY3QgdGlt ZTwvZGQ+CjxkdD5GaXJlZm94IDQgYmV0YSA4PC9kdD4KPGRkPkdvbGQgc3RhciE8L2RkPgo8L2Rs Pgo8L2Rpdj4KCjwvYm9keT4KPC9odG1sPg==