1308929 - Percentage max-width/height on orthogonal writing-mode images isn't compatible with Chrome

Status: NEW

(Core :: Layout, defect, P4)

Description

[Mats Palmgren (inactive)]

Attachment: testcase

Background: bug 823483 and
https://lists.w3.org/Archives/Public/www-style/2015Dec/0117.html

It seems we're still not compatible with Chrome in some cases,
see the attached testcase.

It appears to me that Chrome only applies this special rule in
the image inline direction, and always does it in that direction
whether it's orthogonal to its parent or not.

Whereas Gecko applies it to the image axis that corresponds to
the parent's inline-axis.

Both UAs seems to have some bugs that makes it hard to compare.
First, take the Grid rendering in both UAs with a pinch of salt -
both implementations are buggy in this area.
The other examples looks reasonably correct in Chrome.
It seems Gecko doesn't implement [width,height]:min-content in
the block-axis yet, which I think explains some differences in
the block examples.

Comment 1

[Mats Palmgren (inactive)]

(The resolution here matters for the implementation of image Grid items.)

Comment 2

[yisibl]

It seems flexbox performance is also different.

Comment 3

[Mats Palmgren (inactive)]

Can you attach the flexbox testcase please?

Comment 4

[BugBot [:suhaib / :marco/ :calixte]]

Clear a needinfo that is pending on an inactive user.

Inactive users most likely will not respond; if the missing information is essential and cannot be collected another way, the bug maybe should be closed as INCOMPLETE.

For more information, please visit BugBot documentation.