<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - [css-sizing] Item borders are missing with 'min-width:-webkit-fill-available' and zero available width"
   href="https://bugs.webkit.org/show_bug.cgi?id=158258#c1">Comment # 1</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - [css-sizing] Item borders are missing with 'min-width:-webkit-fill-available' and zero available width"
   href="https://bugs.webkit.org/show_bug.cgi?id=158258">bug 158258</a>
              from <span class="vcard"><a class="email" href="mailto:jfernandez&#64;igalia.com" title="Javier Fernandez &lt;jfernandez&#64;igalia.com&gt;"> <span class="fn">Javier Fernandez</span></a>
</span></b>
        <pre>The issue is clearly reproducible using regular block, so it's unrelated to grid nor flex. 

It seems Firefox renders like the flexbox case is doing in the attached example, so borders are visible.

Attached a simplified case to reproduce the issue using block, flex and grid layout models.</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>