tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

negative-flex-rounding-crash.html (1131B)

      1 <!DOCTYPE html>
      2 <title>CSS Flexbox: Crash caused by rounding error in flex-shrink</title>
      3 <link rel="author" title="Tony Chang" href="mailto:tony@chromium.org">
      4 <link rel="help" href="https://drafts.csswg.org/css-flexbox/#resolve-flexible-lengths">
      5 <link rel="issue" href="https://bugs.webkit.org/show_bug.cgi?id=97606">
      6 <meta name="assert" content="Check that crash doesn't happen in flex-shrink due to floating point precision errors.">
      7 
      8 <style>
      9 .math {
     10    display: inline-flex;
     11 }
     12 .math > * {
     13    padding-bottom: 0.35em;
     14 }
     15 .mfrac {
     16    display: inline-flex;
     17    flex-direction: column;
     18 }
     19 .mfrac > :first-child {
     20    margin-block-end: 0.2em;
     21 }
     22 .mfrac > :last-child {
     23    margin-block-start: 0.2em;
     24 }
     25 .x {
     26    line-height: 9px;
     27 }
     28 .y {
     29    line-height: 12px;
     30 }
     31 </style>
     32 <div class=math>
     33    <div class=mfrac>
     34        <div class=mfrac>
     35            <div class=x>x</div>
     36            <div class=y>y</div>
     37        </div>
     38        <div class=mfrac>
     39            <div class=mfrac>
     40                <div class=x>x</div>
     41                <div class=y>y</div>
     42            </div>
     43            <div class=x>z</div>
     44        </div>
     45    </div>
     46 </div>