mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-27 03:10:01 +00:00
Some checks are pending
CI / macOS, arm64, Sanitizer, Clang (push) Waiting to run
CI / Linux, x86_64, Fuzzers, Clang (push) Waiting to run
CI / Linux, x86_64, Sanitizer, GNU (push) Waiting to run
CI / Linux, x86_64, Sanitizer, Clang (push) Waiting to run
Package the js repl as a binary artifact / Linux, arm64 (push) Waiting to run
Package the js repl as a binary artifact / macOS, arm64 (push) Waiting to run
Package the js repl as a binary artifact / Linux, x86_64 (push) Waiting to run
Run test262 and test-wasm / run_and_update_results (push) Waiting to run
Lint Code / lint (push) Waiting to run
Label PRs with merge conflicts / auto-labeler (push) Waiting to run
Push notes / build (push) Waiting to run
When layouting a replaced element with natural width and height (e.g. a raster graphic), the replaced element would correctly end up with its natural size in the main-axis dimension. For the cross axis dimension however, the replaced element was stretched or squished to the flex containers inner cross size, which is wrong. Instead, we need to respect the replaced elements aspect ratio. Since the touched code does not have a direct correspondence to any spec text, I am not fully certain that the change is completely correct. However, tests agree with it, so the new code seems more correct than the old one at least. This fixes 50 WPT subtests in `css/css-flexbox`, most of which are already in-tree. I have also created a new test for a scenario that did not seem to be covered by WPT. |
||
---|---|---|
.. | ||
abspos-flex-child-static-position-with-align-items.txt | ||
abspos-flex-child-static-position-with-justify-content.txt | ||
abspos-flex-child-static-position-with-padding-on-flex-container.txt | ||
abspos-flex-child-with-auto-height.txt | ||
abspos-flex-child-with-percentage-height.txt | ||
align-center-margin.txt | ||
align-items-normal.txt | ||
align-keywords-start-and-end.txt | ||
align-self-end-crash.txt | ||
automatic-minimum-size-with-explicit-flex-basis-and-flex-container-with-max-content-main-size.txt | ||
box-baseline-with-inline-flex-empty-child.txt | ||
br-element-does-not-get-blockified-by-itself.txt | ||
calc-flex-basis.txt | ||
column-layout-intrinsic-main-size-with-cross-max-size-constraint.txt | ||
columns-33-percent-width.txt | ||
cross-size-of-item-with-box-sizing-border-box-and-nonzero-padding.txt | ||
flex-basis-intrinsic-sizing-keywords.txt | ||
flex-column-container-with-max-width-max-content.txt | ||
flex-column-item-with-intrinsic-aspect-ratio-and-percentage-max-width.txt | ||
flex-column-item-with-natural-aspect-ratio-and-automatic-cross-size.txt | ||
flex-column-item-with-percentage-max-width.txt | ||
flex-column-reverse-constrained-wrap.txt | ||
flex-constrained-wrap-reverse.txt | ||
flex-container-intrinsic-cross-size-with-max-content-main-size.txt | ||
flex-container-with-max-width-and-negative-margin-in-same-axis.txt | ||
flex-gap-between-items-and-lines.txt | ||
flex-item-min-width-fit-content.txt | ||
flex-item-on-row-with-intrinsic-size.txt | ||
flex-item-percentage-main-size-during-min-content-sizing.txt | ||
flex-item-with-calc-main-size-and-layout-dependent-containing-block-size.txt | ||
flex-item-with-intrinsic-aspect-ratio-and-max-height.txt | ||
flex-optimization-cases.txt | ||
flex-row-reverse-constrained-wrap.txt | ||
flex-row-reverse-with-centered-content.txt | ||
flex-shorthand-flex-basis-zero-percent.txt | ||
inf-available-space-with-auto-margins.txt | ||
inline-flex-baseline-of-child.txt | ||
inline-flex-early-resolution-of-percentage-height.txt | ||
inline-flex-with-main-axis-margin-on-flex-container.txt | ||
intrinsic-cross-size-contribution-with-main-size-constraint.txt | ||
intrinsic-height-of-column-items-with-different-kinds-of-width.txt | ||
intrinsic-height-of-flex-container-with-svg-item-that-only-has-natural-aspect-ratio.txt | ||
justify-content-1.txt | ||
justify-content-on-min-content-with-gap.txt | ||
justify-content-space-between-single-item.txt | ||
justify-content-with-margin-auto-child.txt | ||
list-container-display-contents.txt | ||
multi-line-column-container-with-automatic-height.txt | ||
no-stretch-fit-width-for-item-that-can-resolve-aspect-ratio-through-height.txt | ||
percentage-flex-basis-with-indefinite-flex-container-size.txt | ||
percentage-flex-basis-with-indefinite-reference-value.txt | ||
percentage-flex-item-height-with-indefinite-containing-block-height.txt | ||
relpos-flex-item.txt | ||
reverse-flex-layout-with-space-between-and-space-around.txt | ||
reverse-with-justify-content-normal.txt | ||
space-between-with-negative-remaining-space-on-line.txt | ||
specified-size-suggestion-with-box-sizing-border-box.txt | ||
stretch-alignment-with-cross-gap.txt | ||
stretch-fit-width-for-column-layout-svg-item-that-only-has-natural-aspect-ratio.txt | ||
svg-flex-item-with-percentage-max-size.txt |