<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>163382</bug_id>
          
          <creation_ts>2016-10-13 01:56:42 -0700</creation_ts>
          <short_desc>REGRESSION: Elements in a flex box do not stretch properly.</short_desc>
          <delta_ts>2017-01-26 22:26:01 -0800</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>CSS</component>
          <version>Safari Technology Preview</version>
          <rep_platform>Mac</rep_platform>
          <op_sys>macOS 10.12</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>DUPLICATE</resolution>
          <dup_id>163572</dup_id>
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Major</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Lewis Dorigo">lewis</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>jonlee</cc>
    
    <cc>rniwa</cc>
    
    <cc>webkit-bug-importer</cc>
    
    <cc>zalan</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1239728</commentid>
    <comment_count>0</comment_count>
    <who name="Lewis Dorigo">lewis</who>
    <bug_when>2016-10-13 01:56:42 -0700</bug_when>
    <thetext>In Safari Technology Preview, and the Webkit Nightly Build, on element with `display: flex; flex-wrap: wrap;` and an explicit height, the child do not stretch to fit the height of the container, as would be expected with `align-items: stretch; align-content: stretch`. Rather, they stretch to the height of the tallest sibling on the same row.

Safari 10.0, Firefox 49.0.1, and Chrome 54 all exhibit the correct, expected behaviour.

An example of this can be found here: http://codepen.io/anon/pen/PGaZyP</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1241463</commentid>
    <comment_count>1</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2016-10-18 09:53:49 -0700</bug_when>
    <thetext>&lt;rdar://problem/28825468&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1270567</commentid>
    <comment_count>2</comment_count>
    <who name="Ryosuke Niwa">rniwa</who>
    <bug_when>2017-01-26 22:26:01 -0800</bug_when>
    <thetext>This was fixed in https://trac.webkit.org/changeset/207535.

*** This bug has been marked as a duplicate of bug 163572 ***</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>