106603 2013-01-10 14:22:17 -0800 Setting a width on a table element overrides intrinsic min-width/max-width values 2025-11-29 12:20:16 -0800 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) Unspecified Unspecified RESOLVED DUPLICATE 12396 https://bugs.webkit.org/show_bug.cgi?id=12396 BrowserCompat, InRadar P2 Normal --- 1 ojan ojan ahmad.saleem792 bfulgham gur.trio karlcow simon.fraser webkit-bug-importer zalan oldest_to_newest 804719 0 ojan 2013-01-10 14:22:17 -0800 Setting a width on a block overrides intrinsic min-width/max-width values 923946 1 gur.trio 2013-09-03 04:43:07 -0700 (In reply to comment #0) > Setting a width on a block overrides intrinsic min-width/max-width values Hi Ojan I am trying to understand the bug and for that I have attached a test case for DIV and TABLE along with WIDTH and MAX-WIDTH. Once you run the test case you will see that the alert will show the width of div and table. So for div width is set to 500px and max-width to 200 px and it takes 200px and so max-width doesn't override width. But for table width is 500px and max-width is 200px but still it takes 500px and hence max-width is overridden. Is this the bug? If not then please attach test case explaining your issue. 923947 2 210351 gur.trio 2013-09-03 04:45:00 -0700 Created attachment 210351 To check if max-width overrides width 1932646 3 ahmad.saleem792 2023-02-10 06:58:44 -0800 I am able to reproduce this bug in Safari 16.3 and WebKit ToT and it shows 204 and 500 while all other browsers (Chrome Canary 112 and Firefox Nightly 111) show '204' and '200'. 1933049 4 karlcow 2023-02-12 18:32:35 -0800 In the test case: The first div and the table have for style div, table { width: 500px; max-width: 200px; } Results: For Safari: - div: max-width wins. - table: width winds. For Chrome and Firefox: max-width always wins. 1968416 5 ahmad.saleem792 2023-07-27 05:03:45 -0700 It might be somewhere here: https://searchfox.org/wubkat/source/Source/WebCore/rendering/RenderTable.cpp#290 First - we do this "Ensure we aren't bigger than our available width." and then "// Ensure we aren't bigger than our max-width style." and then "// Ensure we aren't smaller than our min-width style." I think first thing, we should move 'min-width' before 'max-width'. Also need to look into more about 'width' here. 2011953 6 webkit-bug-importer 2024-02-08 15:29:55 -0800 <rdar://problem/122587460> 2161942 7 ahmad.saleem792 2025-11-29 12:20:16 -0800 *** This bug has been marked as a duplicate of bug 12396 *** 210351 2013-09-03 04:45:00 -0700 2013-09-03 04:45:00 -0700 To check if max-width overrides width max-width.html text/html 754 gur.trio PCFET0NUWVBFIEhUTUw+DQo8aHRtbD4NCjxoZWFkPg0KPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFz Y3JpcHQiPg0KZnVuY3Rpb24gcnVuVGVzdCgpDQp7DQogIHZhciB4PWRvY3VtZW50LmdldEVsZW1l bnRCeUlkKCJlbGVtMSIpOyAgIA0KICBhbGVydCh4Lm9mZnNldFdpZHRoKTsNCiAgdmFyIHg9ZG9j dW1lbnQuZ2V0RWxlbWVudEJ5SWQoImVsZW0yIik7ICAgDQogIGFsZXJ0KHgub2Zmc2V0V2lkdGgp OyAgDQp9ICANCjwvc2NyaXB0Pg0KPC9oZWFkPg0KPGJvZHk+DQo8ZGl2IGlkPSJlbGVtMSIgc3R5 bGU9IndpZHRoOjUwMHB4O21heC13aWR0aDoyMDBweDtib3JkZXI6MnB4IHNvbGlkIGJsdWUiPg0K PHA+IFRvIHRlc3QgaWYgRElWIG1heC13aWR0aCBpcyBvdmVycmlkZGVuIGJ5IHdpZHRoPC9wPg0K PC9kaXY+DQo8YnI+DQo8dGFibGUgaWQ9ImVsZW0yIiBzdHlsZT0id2lkdGg6NTAwcHg7bWF4LXdp ZHRoOjIwMHB4O2JvcmRlcjoycHggc29saWQgcmVkIj4NCiAgPHRib2R5Pg0KICAgIDx0cj4NCiAg ICAgIDx0ZCBzdHlsZT0iYm9yZGVyOjJweCBzb2xpZCBibGFjayI+VG8gdGVzdCBpZiB0YWJsZSBt YXgtd2lkdGg8L3RkPg0KICAgICAgPHRkIHN0eWxlPSJib3JkZXI6MnB4IHNvbGlkIGJsYWNrIj5p cyBvdmVycmlkZGVuIGJ5IHdpZHRoPC90ZD4NCiAgICA8L3RyPg0KICA8L3Rib2R5Pg0KPC90YWJs ZT4NCjxicj4NCjxpbnB1dCB0eXBlPSJzdWJtaXQiIG9uY2xpY2s9InJ1blRlc3QoKSIvPg0KPC9i b2R5Pg0KPC9odG1sPg==