Bug 210102
| Summary: | [css-flexbox] Element with display:table inside a flex item should ignore max-width/max-height use the preferred minimum logical width/height. | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Carlos Alberto Lopez Perez <clopez> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | ahmad.saleem792, karlcow, philip, simon.fraser, zalan |
| Priority: | P2 | ||
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| See Also: |
https://github.com/w3c/csswg-drafts/issues/2442 https://bugs.chromium.org/p/chromium/issues/detail?id=821832 |
||
Carlos Alberto Lopez Perez
The following WPT test fails on WebKit (passes on Chrome and Firefox):
https://wpt.live/css/css-flexbox/table-as-item-auto-min-width.html
That test case its a test from the following css-wg discussion: https://github.com/w3c/csswg-drafts/issues/2442
The test would pass in WebKit if "max-width:10px;" its removed from the display:table div.
So I guess that WebKit should ignore max-width/max-height here and use the preferred minimum logical width/height.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Philip Jägenstedt
table-as-item-specified-width.html is a similar test in WPT failing as well, and I'll link that failure on wpt.fyi to this issue. Here's an issue I filed discussing the test and the Chromium+Gecko bugs:
https://github.com/web-platform-tests/wpt/issues/26257
https://bugs.chromium.org/p/chromium/issues/detail?id=1128262
https://bugzilla.mozilla.org/show_bug.cgi?id=1454330
I doubt the fix would be exactly the same, but it's also related to the sizing of tables as flex items.
It's worth noting that this seems to be a rare case, as there were no reported regressions when it was accidentally broken in Chromium, and it was discovered due to another change later. In other worlds, the real-world compat implications of this are likely minor.
Ahmad Saleem
This test is passing in Safari Technology Preview 163 & Safari 16.1 - https://wpt.live/css/css-flexbox/table-as-item-auto-min-width.html
Karl Dubost
Yes this is resolved.