mixed-containing-blocks-crash.html

mozilla-central/testing/web-platform/tests/css/css-flexbox/mixed-containing-blocks-crash.html

Enable keyboard shortcuts

Source code

File a bug in Core :: Layout: Flexbox

Revision control

Copy as Markdown

Other Tools

Test Info:

This WPT test may be referenced by the following Test IDs:
- /css/css-flexbox/mixed-containing-blocks-crash.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>CSS Flexbox: Mixed containing blocks</title>

<link rel="help" href="https://drafts.csswg.org/css-flexbox">

<link rel="help" href="https://github.com/servo/servo/issues/36121">

<meta name="assert" content="This test ensures that flex boxes that establish a containing block for fixed position descendants do not cause a crash when combined with flex items that establish a containing block for absolutely positioned descendants.">

<html>

    <div class="box" style="display: flex; flex-direction: column; transform: translateX(1px)">

      <div style="position: relative;"><div>Three</div><div style="position: absolute">fixed</div></div>

    </div>

</div>