130910 2014-03-28 12:31:53 -0700 width: fit-content fails to adjust for height resizing of content that keeps aspect ratio 2022-07-13 17:11:58 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Unspecified Unspecified RESOLVED CONFIGURATION CHANGED P2 Normal --- 38919 1 bugmenot webkit-unassigned bfulgham oldest_to_newest 995425 0 228078 bugmenot 2014-03-28 12:31:53 -0700 Created attachment 228078 testcase - red must not be visible to pass the test When the aspect ratio of content such as an image is preserved and the height is changed via CSS animations, transitions or drag resizing, -webkit-fit-content on the parent element doesn't update to widen or narrow the width of the parent to match the new content width. In the attached testcase the red background becomes visible in the top circle with preserved aspect ratio. The bottom circle without aspect ratio kept behaves as expected. I've run the testcase in Gecko browsers and both circles behave correctly. I tested width: intrinsic instead but that also failed in webkit similarly to fit-content 1883473 1 bfulgham 2022-07-13 17:11:58 -0700 Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue. 228078 2014-03-28 12:31:53 -0700 2014-03-28 12:31:53 -0700 testcase - red must not be visible to pass the test resize.html text/html 2541 bugmenot PCFET0NUWVBFIEhUTUw+PGh0bWwgbGFuZz0iZW4iPg0KPGhlYWQ+PHRpdGxlPlRlc3QgQ1NTIHJl c2l6ZSBhbmQgZml0LWNvbnRlbnQ8L3RpdGxlPjxtZXRhIGNoYXJzZXQ9InV0Zi04Ij4NCjxzdHls ZSB0eXBlPSJ0ZXh0L2NzcyI+DQpmaWd1cmUgew0KCWJvcmRlci1yYWRpdXM6IDUwJTsNCglib3Jk ZXI6IDRweCBzb2xpZCBibHVlOw0KCWJveC1zaGFkb3c6IGluc2V0IDBweCAwcHggMHB4IDFweCBi bHVlOw0KCWJhY2tncm91bmQtY29sb3I6IHJlZDsNCgloZWlnaHQ6IDEwMHB4Ow0KCXdpZHRoOiAt bW96LWZpdC1jb250ZW50Ow0KCXdpZHRoOiAtd2Via2l0LWZpdC1jb250ZW50Ow0KCXdpZHRoOiBm aXQtY29udGVudDsNCgl0cmFuc2l0aW9uOiBoZWlnaHQgLjJzLHdpZHRoIC4yczsNCglvdmVyZmxv dzogaGlkZGVuOw0KCXJlc2l6ZTogdmVydGljYWw7DQp9DQpmaWd1cmUjZnkgew0KCXdpZHRoOjEw MHB4Ow0KCXJlc2l6ZTpib3RoOw0KfQ0KaW1nIHtoZWlnaHQ6MTAwJX0NCmltZyN4eSB7d2lkdGg6 MTAwJX0NCg0KQC13ZWJraXQta2V5ZnJhbWVzIGdzIHsNCglmcm9tIHtoZWlnaHQ6MTAwcHh9DQoJ MTAlIHtoZWlnaHQ6NTBweH0NCgk3NSUge2hlaWdodDozMDBweH0NCgl0byB7aGVpZ2h0OjMwMHB4 fQ0KfQ0KQGtleWZyYW1lcyBncyB7DQoJZnJvbSB7aGVpZ2h0OjEwMHB4fQ0KCTEwJSB7aGVpZ2h0 OjUwcHh9DQoJNzUlIHtoZWlnaHQ6MzAwcHh9DQoJdG8ge2hlaWdodDozMDBweH0NCn0NCkAtd2Vi a2l0LWtleWZyYW1lcyBucyB7DQoJZnJvbSB7aGVpZ2h0OjEwMHB4O3dpZHRoOjEwMHB4fQ0KCTMz JSB7aGVpZ2h0OjEwMHB4O3dpZHRoOjMwMHB4fQ0KCTYyJSB7aGVpZ2h0OjM1MHB4O3dpZHRoOjEw MHB4fQ0KCTY3JSB7aGVpZ2h0OjMwMHB4O3dpZHRoOjEwMHB4fQ0KCTcyJSB7aGVpZ2h0OjM1MHB4 O3dpZHRoOjEwMHB4fQ0KCXRvIHtoZWlnaHQ6MTAwcHg7d2lkdGg6MTAwcHh9DQp9DQpAa2V5ZnJh bWVzIG5zIHsNCglmcm9tIHtoZWlnaHQ6MTAwcHg7d2lkdGg6MTAwcHh9DQoJMzMlIHtoZWlnaHQ6 MTAwcHg7d2lkdGg6MzAwcHh9DQoJNjIlIHtoZWlnaHQ6MzUwcHg7d2lkdGg6MTAwcHh9DQoJNjcl IHtoZWlnaHQ6MzAwcHg7d2lkdGg6MTAwcHh9DQoJNzIlIHtoZWlnaHQ6MzUwcHg7d2lkdGg6MTAw cHh9DQoJdG8ge2hlaWdodDoxMDBweDt3aWR0aDoxMDBweH0NCn0NCiNhOmNoZWNrZWQgfiBmaWd1 cmU6Zmlyc3Qtb2YtdHlwZSB7LXdlYmtpdC1hbmltYXRpb246Z3MgNy41cyBlYXNlLWluLW91dCBp bmZpbml0ZSBhbHRlcm5hdGU7YW5pbWF0aW9uOmdzIDcuNXMgZWFzZS1pbi1vdXQgaW5maW5pdGUg YWx0ZXJuYXRlfQ0KI2E6Y2hlY2tlZCB+ICNmeSB7LXdlYmtpdC1hbmltYXRpb246IG5zIDE1cyBl YXNlLWluLW91dCA1cyBpbmZpbml0ZTthbmltYXRpb246IG5zIDE1cyBlYXNlLWluLW91dCA1cyBp bmZpbml0ZX0NCiNhOm5vdCg6Y2hlY2tlZCkgfiBmaWd1cmUge2FuaW1hdGlvbjp1bnNldH0NCiNh Om5vdCg6Y2hlY2tlZCkgfiBsYWJlbDpob3ZlciB+IGZpZ3VyZSB7aGVpZ2h0OjUwcHggIWltcG9y dGFudH0NCjwvc3R5bGU+DQo8L2hlYWQ+PGJvZHk+PGlucHV0IGlkPSJhIiB0eXBlPSJjaGVja2Jv eCIgY2hlY2tlZD48bGFiZWwgZm9yPSJhIiB0aXRsZT0iSG92ZXJpbmcgdGhpcyB0ZXh0IHdoZW4g dGhlIGNoZWNrYm94IGlzIHVudGlja2VkIHRyaWdnZXJzIGEgcmVzaXplIHRyYW5zaXRpb24iDQo+ QW5pbWF0ZWQgcmVzaXppbmc8L2xhYmVsPg0KPGZpZ3VyZT4NCgk8aW1nIHNyYz0nZGF0YTppbWFn ZS9zdmcreG1sLDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0i MjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiPjxjaXJjbGUgY3g9IjEwMCIg Y3k9IjEwMCIgcj0iMTAwIiBmaWxsPSJncmVlbiIvPjxnIHN0eWxlPSJmb250LXNpemU6MzJweCI+ PHRleHQgeD0iMjgiIHk9IjkwIiB0ZXh0TGVuZ3RoPSIxNTAiIGxlbmd0aEFkanVzdD0ic3BhY2lu Z0FuZEdseXBocyI+VGhpcyBzaG91bGQ8L3RleHQ+PHRleHQgeD0iMjYiIHk9IjEyNCIgdGV4dExl bmd0aD0iMTUwIiBsZW5ndGhBZGp1c3Q9InNwYWNpbmdBbmRHbHlwaHMiPnN0YXkgYSBjaXJjbGU8 L3RleHQ+PC9nPjwvc3ZnPicNCj48L2ZpZ3VyZT4NCjxmaWd1cmUgaWQ9ImZ5Ij4NCgk8aW1nIGlk PSJ4eSIgc3JjPSdkYXRhOmltYWdlL3N2Zyt4bWwsPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5v cmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIw MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGNpcmNsZSBjeD0iMTAwIiBjeT0iMTAwIiBy PSIxMDAiIGZpbGw9ImdyZWVuIi8+PHRleHQgc3R5bGU9ImZvbnQtc2l6ZTozMHB4IiB4PSI0IiB5 PSIxMDgiIHRleHRMZW5ndGg9IjE5MCIgbGVuZ3RoQWRqdXN0PSJzcGFjaW5nQW5kR2x5cGhzIj5U aGlzIHNob3VsZCBub3Q8L3RleHQ+PC9zdmc+Jw0KPjwvZmlndXJlPk9yIGRyYWcgYnkgZWFjaCBn cmlwcHkgdG8gcmVzaXplDQo8L2JvZHk+PC9odG1sPg0K