24666 2009-03-17 23:35:27 -0700 CSS animations on zoom incorrectly "snap" elements using absolute widths 2023-02-24 09:28:18 -0800 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) Mac OS X 10.5 RESOLVED DUPLICATE 24807 P2 Normal --- 0 alex webkit-unassigned ahmad.saleem792 erikkay simon.fraser slightlyoff oldest_to_newest 114167 0 alex 2009-03-17 23:35:27 -0700 when using a -webkit-transition across the "zoom" property and only when increasing the zoom factor, elements inside a zoomed container which specify fixed widths seem to "snap" to their destination width/height in the first frame of the animation, zoom based on this laid out size, and upon the final frame, snap *back* to the first-frame final size. It's unclear if font sizes changing to be larger than the destination size is related. See attached test case. Also, wasn't sure if this should have been filed under "CSS", so apologies in advance if it's in the wrong component. 114169 1 28719 alex 2009-03-17 23:36:40 -0700 Created attachment 28719 css zoom "snapping" bug demonstrates the bug for both images and other block elements. 135232 2 simon.fraser 2009-07-28 08:54:49 -0700 It's actually a bug that transitions run when zoom changes (bug 24807). 1936551 3 ahmad.saleem792 2023-02-24 09:28:18 -0800 *** This bug has been marked as a duplicate of bug 24807 *** 28719 2009-03-17 23:36:40 -0700 2009-03-17 23:36:40 -0700 css zoom "snapping" bug reduction.html text/html 1408 alex PGh0bWw+Cgk8aGVhZD4KCQk8dGl0bGU+Q1NTIFpvb20gc2NhbGluZyBpc3N1ZTwvdGl0bGU+CgkJ PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCQkJI2NvbnRlbnQgewoJCQkJcG9zaXRpb246IGFic29s dXRlOwoJCQkJd2lkdGg6IDMzN3B4OwoJCQkJbGVmdDogMTAwcHg7CgkJCQl0b3A6IDEwcHg7CgkJ CQlwYWRkaW5nOiAxMHB4OwoJCQkJYm9yZGVyOiAxcHggc29saWQgYmxhY2s7CgkJCQktd2Via2l0 LWJvcmRlci1yYWRpdXM6IDAuNGVtOwoJCQkJLXdlYmtpdC10cmFuc2l0aW9uOiBhbGwgMS41cyBl YXNlIDAuMXM7CgkJCX0KCQk8L3N0eWxlPgoJPC9oZWFkPgoJPGJvZHk+CgkJPGJ1dHRvbiBpZD0i dG9nZ2xlIj50b2dnbGUgem9vbTwvYnV0dG9uPgoJCTxkaXYgaWQ9ImNvbnRlbnQiPgoJCQk8aDM+ YWJzb2x1dGVseSBzaXplZCBwYXJhZ3JhcGg8L2gzPgoJCQk8cCBzdHlsZT0id2lkdGg6IDMwMHB4 OyBoZWlnaHQ6IDUwcHg7IG92ZXJmbG93OiBoaWRkZW47Ij4KCQkJCUxvcmVtIGlwc3VtIGRvbG9y IHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuCgkJCQlRdWlzcXVlIG1hdHRp cyBwcmV0aXVtIG51bGxhLiBEb25lYyBibGFuZGl0IGRhcGlidXMgbWV0dXMuCgkJCTwvcD4KCgkJ CTxoMz5yZWxhdGl2ZWx5IHNpemVkIHBhcmFncmFwaDwvaDM+CgkJCTxwPgoJCQkJTG9yZW0gaXBz dW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4KCQkJCVF1aXNx dWUgbWF0dGlzIHByZXRpdW0gbnVsbGEuIERvbmVjIGJsYW5kaXQgZGFwaWJ1cyBtZXR1cy4KCQkJ PC9wPgoKCgkJCTxoMz5hYnNvbHV0ZWx5IHNpemVkIGltYWdlPC9oMz4KCQkJPGltZyBzcmM9Imh0 dHA6Ly9ncmFwaGljczgubnl0aW1lcy5jb20vaW1hZ2VzLzIwMDkvMDMvMTgvd29ybGQvMThhZmdo YW5fMzM3LmpwZyIKCQkJCXdpZHRoPSIzMzciIGhlaWdodD0iMjQwIj4KCgkJCTxoMz5yZWxhdGl2 ZWx5IHNpemVkIGltYWdlPC9oMz4KCQkJPGltZyBzcmM9Imh0dHA6Ly9ncmFwaGljczgubnl0aW1l cy5jb20vaW1hZ2VzLzIwMDkvMDMvMTcvYnVzaW5lc3MvMThiYWlsb3V0XzYwMC5KUEciCgkJCQlz dHlsZT0id2lkdGg6IDEwMCU7IGhlaWdodDogMjUlOyI+CgoJCTwvZGl2PgoJCTxzY3JpcHQgdHlw ZT0idGV4dC9qYXZhc2NyaXB0Ij4KCQkJdmFyIGMgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgi Y29udGVudCIpOwoJCQl2YXIgem9vbWVkID0gZmFsc2U7CgkJCXZhciB0ID0gZG9jdW1lbnQuZ2V0 RWxlbWVudEJ5SWQoInRvZ2dsZSIpOwoJCQl0Lm9uY2xpY2sgPSBmdW5jdGlvbigpewoJCQkJYy5z dHlsZS56b29tID0gKHpvb21lZCkgPyAiMTAwJSIgOiAiMTUwJSI7CgkJCQl6b29tZWQgPSAhem9v bWVkOwoJCQl9OwoJCTwvc2NyaXB0PgoJPC9ib2R5Pgo8L2h0bWw+Cg==