In Webkit, if a table contains a cell with "colspan" attribute, automatic table layout algorithm needs to transfer its minimal width constraint to all the columns it spans. The algorithm contains a step to distribute the minimal width constraint to columns in proportion to their maximum width effMaxWidth (in AutoTableLayout.cpp: AutoTableLayout::calcEffectiveWidth()). For those columns that have a pecentage width, this width doesn't affect the effMaxWidth and isn't considered in this minimal width distribution process. This may affect the final table layout. IE and Firefox both work fine in this scenario. Please refer to the attachment for an illustration. However, since "UAs are not required to implement this algorithm to determine the table layout in the case that ¡¯table-layout¡¯ is ¡¯auto¡¯; they can use any other algorithm even if it results in different behavior."(CSS2 17.5.2.2). I am not sure whether we should modify the algorithm.
Created attachment 18340 [details] An example for the problem.
The test case is pretty clear if you open it up in Firefox as well.
Given that we differ from IE and FF in this test, I would suggest we change our behavior. Especially if this can actually be found on live sites.
Created attachment 460814 [details] Safari 15.5 differs from other browsers I am able to reproduce the bug in Safari 15.5 on macOS 12.4 as can be seen from attached screenshot. Second line of table layout is not same as other browsers compared to Safari. If I am testing incorrectly, please retest accordingly. Thanks!