<!DOCTYPE html> <title>CSS Flexbox: Crash caused by rounding error in flex-shrink</title> <link rel="author" title="Tony Chang" href="mailto:tony@chromium.org"> <link rel="help" href="https://drafts.csswg.org/css-flexbox/#resolve-flexible-lengths"> <link rel="issue" href="https://bugs.webkit.org/show_bug.cgi?id=97606"> <meta name="assert" content="Check that crash doesn't happen in flex-shrink due to floating point precision errors."> <style> .math { display: inline-flex; } .math > * { padding-bottom: 0.35em; } .mfrac { display: inline-flex; flex-direction: column; } .mfrac > :first-child { margin-block-end: 0.2em; } .mfrac > :last-child { margin-block-start: 0.2em; } .x { line-height: 9px; } .y { line-height: 12px; } </style> <div class=math> <div class=mfrac> <div class=mfrac> <div class=x>x</div> <div class=y>y</div> </div> <div class=mfrac> <div class=mfrac> <div class=x>x</div> <div class=y>y</div> </div> <div class=x>z</div> </div> </div> </div>