Implement display: inline-flex

[shinglyu]

No description provided.

[shinglyu]

cc @stshine
I'm blocked on #12610 for too long. I'll try to work on this to get some fresh perspective.

[shinglyu]

cc @stshine
I'm blocked on #12610 for too long. I'll try to work on this to get some fresh perspective.

[shinglyu]

Here are a list of testcases that can potentially be fixed by implementing display: inline-flex

display_inline-flex_exist.htm
flexbox-align-self-horiz-001-block.htm
flexbox-align-self-horiz-001-table.htm
flexbox-align-self-horiz-002.htm
flexbox-align-self-horiz-003.htm
flexbox-align-self-horiz-004.htm
flexbox-baseline-align-self-baseline-horiz-001.htm
flexbox-baseline-align-self-baseline-vert-001.htm
flexbox-baseline-empty-001a.htm
flexbox-baseline-empty-001b.htm
flexbox-baseline-multi-item-horiz-001.htm
flexbox-baseline-multi-item-vert-001.htm
flexbox-baseline-multi-line-horiz-001.htm
flexbox-baseline-multi-line-horiz-002.htm
flexbox-baseline-multi-line-horiz-003.htm
flexbox-baseline-multi-line-horiz-004.htm
flexbox-baseline-multi-line-vert-001.htm
flexbox-baseline-multi-line-vert-002.htm
flexbox-baseline-single-item-001a.htm
flexbox-baseline-single-item-001b.htm
flexbox_computedstyle_display-inline.htm
flexbox_inline.htm
flexbox-paint-ordering-001.htm
flexbox-paint-ordering-002.htm
ttwf-reftest-flex-inline.htm

[stshine]

Go for it! You should need something like InlineBlockFragmentInfo and SpecificFragmentInfo::InlineBlock, but contains a FlexFlow, and process them in inline.rs.

[shinglyu]

Almost got it working, however if the flex items are inline element, they didn't get blockified. Currently the patch fixed 5 reftest with no regression.