<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - REGRESSION(r189567): Inputs with &quot;display:flex&quot; don't shrink as they used to in Safari 9.0"
   href="https://bugs.webkit.org/show_bug.cgi?id=150024#c8">Comment # 8</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - REGRESSION(r189567): Inputs with &quot;display:flex&quot; don't shrink as they used to in Safari 9.0"
   href="https://bugs.webkit.org/show_bug.cgi?id=150024">bug 150024</a>
              from <span class="vcard"><a class="email" href="mailto:svillar&#64;igalia.com" title="Sergio Villar Senin &lt;svillar&#64;igalia.com&gt;"> <span class="fn">Sergio Villar Senin</span></a>
</span></b>
        <pre>Created <span class=""><a href="attachment.cgi?id=279375" name="attach_279375" title="Web Engines Rendering">attachment 279375</a> <a href="attachment.cgi?id=279375&amp;action=edit" title="Web Engines Rendering">[details]</a></span>
Web Engines Rendering

These are the renderings of FF, Chrome and WebKit. All of them ToT. As you can see the only difference is the outline of the parent flex element. The search input item is not shrank at all in any of the engines.

That's why I don't think that's a regression. If you want to achieve Safari 9 results then you definitely need to use min-width:0px as suggested.</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>