35816 2010-03-05 15:49:05 -0800 CSS transition from fixed size to automatic size warps from 0 to desired 2010-12-01 12:08:20 -0800 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac (Intel) OS X 10.6 RESOLVED DUPLICATE 16020 P2 Normal --- 0 felixcca webkit-unassigned simon.fraser oldest_to_newest 196755 0 50135 felixcca 2010-03-05 15:49:05 -0800 Created attachment 50135 The bugging Overview When you create a CSS transition using -webkit-transition-property and -webkit-transition-duration to animate the width or the height of an image (or their min/max variants) from a fixed size to the auto value, the animation will go towards 0px and then warp to the necessary size instead of going directly to the necessary size. Steps to reproduce: Run the attached file and mouse over the huge title. Optionally, read the comments that have been left there. Acutal results The animation animates towards 0px and then jumps to the automatic size. Expected results The animation should animate towards the automatic size. 315796 1 simon.fraser 2010-12-01 12:08:20 -0800 *** This bug has been marked as a duplicate of bug 16020 *** 50135 2010-03-05 15:49:05 -0800 2010-03-05 15:49:05 -0800 The bugging transition-size.html text/html 4247 felixcca PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KCTx0aXRsZT4td2Via2l0LXRyYW5zaXRpb24g YnVnIHdoZW4gcmVzZXR0aW5nIHNpemU8L3RpdGxlPgoJPHN0eWxlPgoJCSNidWdnZXIgewoJCQli b3JkZXI6IDFweCBzb2xpZCAjMDAwOwoJCX0KCQkKCQkjYnVnZ2VyID4gI2J1Z2dlZQoJCXsKCQkJ LXdlYmtpdC10cmFuc2l0aW9uLXByb3BlcnR5OiBoZWlnaHQ7CgkJCS13ZWJraXQtdHJhbnNpdGlv bi1kdXJhdGlvbjogMXM7CgkJCWJhY2tncm91bmQtY29sb3I6ICNBQUE7CgkJCWhlaWdodDogNTBw eDsKCQkJb3ZlcmZsb3c6IGhpZGRlbjsKCQl9CgkJCgkJI2J1Z2dlcjpob3ZlciA+ICNidWdnZWUK CQl7CgkJCS13ZWJraXQtdHJhbnNpdGlvbi1wcm9wZXJ0eTogaGVpZ2h0OwoJCQktd2Via2l0LXRy YW5zaXRpb24tZHVyYXRpb246IDFzOwoJCQloZWlnaHQ6IGF1dG87CgkJfQoJPC9zdHlsZT4KPC9o ZWFkPgo8Ym9keT4KPGRpdiBpZD0iYnVnZ2VyIj4KCTxoMT5Nb3VzZSBvdmVyIHRoaXMgJmx0O2Rp diZndDsgdG8gdHJpZ2dlciBhIGJ1Z2d5IHNpemUgdHJhbnNpdGlvbi48L2gxPgoJPHA+T25jZSB5 b3UgbW91c2Ugb3ZlciBoZXJlLCB0aGUgPGNvZGU+I2J1Z2dlZTwvY29kZT4gZGl2ICh0aGUgTG9y ZW0gSXBzdW0gb25lKSB3aWxsIGJlIGFuaW1hdGVkIGZyb20KCQk8Y29kZT5oZWlnaHQ6NTBweDwv Y29kZT4gdG8gPGNvZGU+aGVpZ2h0OmF1dG88L2NvZGU+LCBhbmQgdGhlbiBmcm9tIDxjb2RlPmhl aWdodDphdXRvPC9jb2RlPiB0bwoJCTxjb2RlPmhlaWdodDo1MHB4PC9jb2RlPiBvbmNlIHlvdSBn ZXQgdGhlIG1vdXNlIG91dC48L3A+Cgk8cD5Ib3dldmVyLCBpbnN0ZWFkIG9mIGVubGFyZ2luZyB0 byBpdHMgbmVjZXNzYXJ5IGhlaWdodCBpbnN0YW50bHksIGl0IHdpbGwgZmlyc3Qgd2FycCB0byAw cHgsIGFuZCB0aGVuIHN1ZGRlbmx5IGVubGFyZ2UKCQl0byB0aGUgYWN0dWFsIHNpemUuPC9wPgoJ PGRpdiBpZD0iYnVnZ2VlIj4KCQk8cD5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2Vj dGV0dXIgYWRpcGlzY2luZyBlbGl0LiBNYXVyaXMgZHVpIG5pYmgsIGNvbnZhbGxpcyBldCBwZWxs ZW50ZXNxdWUgZWdldCwgY29uc2VjdGV0dXIgc2VkIG1hZ25hLiBJbnRlZ2VyIHNhZ2l0dGlzIGNv bnZhbGxpcyBmZXVnaWF0LiBDdXJhYml0dXIgY3Vyc3VzIGRhcGlidXMgZGlnbmlzc2ltLiBNb3Ji aSBkaWduaXNzaW0gbG9ib3J0aXMgZW5pbSBpbiBtYXR0aXMuIER1aXMgZGFwaWJ1cyB2ZW5lbmF0 aXMgbWF1cmlzIGNvbnNlcXVhdCBwbGFjZXJhdC4gU3VzcGVuZGlzc2UgbmVjIG9ybmFyZSBzZW0u IFNlZCBpbXBlcmRpZXQgY29tbW9kbyBtYWxlc3VhZGEuIFNlZCB1bGxhbWNvcnBlciBkb2xvciBt b2xsaXMgb2RpbyB0aW5jaWR1bnQgdGluY2lkdW50LiBBbGlxdWFtIG5lYyBzZW0gZXQgZGlhbSBw dWx2aW5hciBwdWx2aW5hciB1dCB2aXRhZSBuZXF1ZS4gTWFlY2VuYXMgZWdlc3RhcyB0ZW1wb3Ig bGliZXJvIG5vbiBjb25zZWN0ZXR1ci4gQWxpcXVhbSBjb25zZXF1YXQsIGFyY3UgdmVsIHRlbXBv ciB2aXZlcnJhLCBuaXNsIGxpZ3VsYSB2b2x1dHBhdCBuaWJoLCBhYyBmZXJtZW50dW0gZXJhdCBl cm9zIGVnZXQgYXVndWUuIERvbmVjIGlhY3VsaXMsIGxlbyBuZWMgdmVzdGlidWx1bSBjb25kaW1l bnR1bSwgbWFzc2EgdG9ydG9yIHRlbXBvciBmZWxpcywgcmhvbmN1cyB0aW5jaWR1bnQgZmVsaXMg cmlzdXMgbm9uIG1pLjwvcD4KCQk8cD5NYXVyaXMgc2FnaXR0aXMgaW50ZXJkdW0gZXJvcywgZWdl dCBibGFuZGl0IG1hZ25hIHBvc3VlcmUgdmVsLiBDdXJhYml0dXIgaW4gbWV0dXMgYW50ZSwgYXQg cnV0cnVtIHNlbS4gUXVpc3F1ZSB2ZXN0aWJ1bHVtIGF1Z3VlIG5vbiBhdWd1ZSBzdXNjaXBpdCBl dCBlbGVpZmVuZCB0ZWxsdXMgdmVuZW5hdGlzLiBOYW0gZmFjaWxpc2lzIGVyYXQganVzdG8sIHBv cnR0aXRvciBldWlzbW9kIG9kaW8uIFBoYXNlbGx1cyBldCBpcHN1bSBsaWd1bGEuIEFsaXF1YW0g dm9sdXRwYXQgdXJuYSBldSBlc3QgcGxhY2VyYXQgbWF0dGlzLiBFdGlhbSBpbiBudWxsYSBzZWQg ZW5pbSB2b2x1dHBhdCByaG9uY3VzIGFkaXBpc2NpbmcgdmVsIGRvbG9yLiBGdXNjZSB2ZWwgdHVy cGlzIHNhcGllbiwgcXVpcyBmcmluZ2lsbGEgZGlhbS4gUXVpc3F1ZSBhYyBuZXF1ZSBsaWd1bGEs IGV1IGxhb3JlZXQgb2Rpby4gRXRpYW0gZGFwaWJ1cyBpcHN1bSBldCBwdXJ1cyBlbGVpZmVuZCBl Z2V0IHJ1dHJ1bSBsYWN1cyByaG9uY3VzLjwvcD4KCQk8cD5JbiBiaWJlbmR1bSBkaWduaXNzaW0g bnVsbGEsIHNlZCBhdWN0b3IgbWkgY3Vyc3VzIGVnZXQuIFF1aXNxdWUgY29uc2VxdWF0LCBsb3Jl bSB2aXRhZSBmZXJtZW50dW0gYWNjdW1zYW4sIHRlbGx1cyBuaWJoIGVsZWlmZW5kIGVyb3MsIGF1 Y3RvciBzb2xsaWNpdHVkaW4gbWkgdXJuYSBxdWlzIG5pc2wuIE5hbSBvcm5hcmUgYmliZW5kdW0g c2VtIHZlbCBlbGVtZW50dW0uIFN1c3BlbmRpc3NlIHZ1bHB1dGF0ZSBmcmluZ2lsbGEgbWFnbmEg bmVjIHBvc3VlcmUuIEFsaXF1YW0gbG9yZW0gZHVpLCB2ZW5lbmF0aXMgZWdldCBtYXR0aXMgaWQs IGx1Y3R1cyBzZWQgZW5pbS4gUXVpc3F1ZSBtaSBudW5jLCBmYWNpbGlzaXMgaWQgZmFjaWxpc2lz IGEsIHZvbHV0cGF0IHZpdGFlIGxpZ3VsYS4gTW9yYmkgZWdldCBuZXF1ZSBldSBtYXVyaXMgaW50 ZXJkdW0gdmVzdGlidWx1bSBlZ2V0IGlkIG1hdXJpcy4gUHJvaW4gcmhvbmN1cyBsaWJlcm8gYSBh bnRlIHZlbmVuYXRpcyByaG9uY3VzLiBJbnRlZ2VyIHNlZCBmYXVjaWJ1cyBqdXN0by4gTmFtIG5v biBsaWJlcm8gZW5pbS4gU3VzcGVuZGlzc2UgcG90ZW50aS4gUHJvaW4gYXQgbG9yZW0gdGVsbHVz LCBtb2xsaXMgZWdlc3RhcyBsYWN1cy48L3A+CgkJPHA+QWVuZWFuIGEgYW50ZSBpZCBpcHN1bSBz ZW1wZXIgZGljdHVtIHF1aXMgaW4gbmliaC4gTnVsbGFtIGNvbW1vZG8gZWxlaWZlbmQgbGlndWxh LCBldCBwaGFyZXRyYSBhcmN1IGNvbmd1ZSB1dC4gTmFtIGRhcGlidXMgYmliZW5kdW0gb3JuYXJl LiBQaGFzZWxsdXMgYWMgb2RpbyBuaWJoLiBRdWlzcXVlIGx1Y3R1cyBhcmN1IGV1IHB1cnVzIHZv bHV0cGF0IG5vbiB2b2x1dHBhdCBzYXBpZW4gcG9zdWVyZS4gTnVuYyBzZWQgdml2ZXJyYSB2ZWxp dC4gTnVuYyBlbmltIHRvcnRvciwgYmxhbmRpdCBhdCBwbGFjZXJhdCB1dCwgZmV1Z2lhdCBldCBp cHN1bS4gRG9uZWMgdml0YWUgZGFwaWJ1cyB0b3J0b3IuIEluIGhhYyBoYWJpdGFzc2UgcGxhdGVh IGRpY3R1bXN0LiBOdWxsYSB2ZWhpY3VsYSwgcmlzdXMgYXQgcG9zdWVyZSBhZGlwaXNjaW5nLCBs ZWN0dXMgYXVndWUgdmVuZW5hdGlzIG1ldHVzLCBpZCBzb2RhbGVzIG1hZ25hIGR1aSBhYyBudW5j LiBQZWxsZW50ZXNxdWUgYWNjdW1zYW4gcHJldGl1bSBtYWduYSBhIHJ1dHJ1bS4gTG9yZW0gaXBz dW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gVml2YW11cyBz dXNjaXBpdCBsaWJlcm8gZXQgbmVxdWUgc2VtcGVyIGF0IGF1Y3RvciBxdWFtIHBsYWNlcmF0Ljwv cD4KCQk8cD5JbiBlbGVtZW50dW0gdWxsYW1jb3JwZXIgdHVycGlzLCBldSBjb25zZXF1YXQgbGVv IHZlc3RpYnVsdW0gdmVuZW5hdGlzLiBFdGlhbSBiaWJlbmR1bSBsaWJlcm8gbm9uIG9kaW8gY29u ZGltZW50dW0gZWdldCB2dWxwdXRhdGUgbmlzaSBkaWN0dW0uIEluIHRlbGx1cyBuaWJoLCBldWlz bW9kIHZlbCB0aW5jaWR1bnQgdml0YWUsIHZpdmVycmEgZXUgZHVpLiBDcmFzIHZlbCBmZWxpcyBu b24gbWkgY29uc2VxdWF0IGJpYmVuZHVtLiBVdCB2aXRhZSBsZW8gYXQgbmlzbCBtYWxlc3VhZGEg ZmF1Y2lidXMgYXQgc2l0IGFtZXQgZWxpdC4gRG9uZWMgdml0YWUgYXVndWUgbm9uIHNhcGllbiBv cm5hcmUgbWFsZXN1YWRhLiBFdGlhbSBmYXVjaWJ1cywgbmlzaSBzZWQgZWdlc3RhcyBzdXNjaXBp dCwgdHVycGlzIGRpYW0gcG9ydGEgZGlhbSwgYWMgdmFyaXVzIHR1cnBpcyByaXN1cyBpZCBhdWd1 ZS4gRXRpYW0gbGFjaW5pYSBwb3J0dGl0b3Igc2FnaXR0aXMuIFBoYXNlbGx1cyBzZWQgbWFnbmEg ZWdldCBlbmltIGJpYmVuZHVtIGRpZ25pc3NpbS4gU3VzcGVuZGlzc2UgYmxhbmRpdCB0aW5jaWR1 bnQgdWxsYW1jb3JwZXIuIE1hZWNlbmFzIGFjIGNvbnZhbGxpcyBuaXNsLiBOdWxsYSBmYWNpbGlz aS4gRnVzY2UgbmVjIGxpZ3VsYSBldCB0b3J0b3IgZnJpbmdpbGxhIGRpY3R1bSBpbiBzZWQgbGVv LjwvcD4KCTwvZGl2Pgo8L2JvZHk+CjwvaHRtbD4=