DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity

Fix behaviour of wrapping container within align-items: not stretch

Browse Source 
Summary: When a container's children wrap the container should match the parent size and not wrap to the new size of the children. This is confirmed behavior in chrome.

Reviewed By: astreet

Differential Revision: D4578614

fbshipit-source-id: 5d22a3a673735587384d775189158a87bb1d457d
This commit is contained in:
Emil Sjolander
2017-02-20 07:16:58 -08:00
committed by Facebook Github Bot
parent 78ade6cfb5
commit 6b39165801
6 changed files with 850 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
gentest/fixtures/YGFlexWrapTest.html
View File

@@ -93,3 +93,23 @@
<div style="height: 50px; width: 30px;"></div>
</div>
<div id="wrapped_row_within_align_items_center" style="width: 200px; height: 200px; align-items: center;">
<div style="flex-direction:row; flex-wrap: wrap;">
<div style="width: 150px; height: 80px;"></div>
<div style="width: 80px; height: 80px;"></div>
</div>
</div>
<div id="wrapped_row_within_align_items_flex_start" style="width: 200px; height: 200px; align-items: flex-start;">
<div style="flex-direction:row; flex-wrap: wrap;">
<div style="width: 150px; height: 80px;"></div>
<div style="width: 80px; height: 80px;"></div>
</div>
</div>
<div id="wrapped_row_within_align_items_flex_end" style="width: 200px; height: 200px; align-items: flex-end;">
<div style="flex-direction:row; flex-wrap: wrap;">
<div style="width: 150px; height: 80px;"></div>
<div style="width: 80px; height: 80px;"></div>
</div>
</div>