Added property display: flex and none
Summary: Fix #241 and successor for #302 Added new property ```display``` with ```YGDisplayFlex``` and ```YGDisplayNone```. Allows to hide nodes from the layout without the need to remove it from the DOM. Closes https://github.com/facebook/yoga/pull/369 Reviewed By: astreet Differential Revision: D4501141 Pulled By: emilsjolander fbshipit-source-id: 0dfeee381f6d1e4bbba81926126b83dd7abab9d6
This commit is contained in:
committed by
Facebook Github Bot
parent
c1cdc1de58
commit
e567502750
27
gentest/fixtures/YGDisplayTest.html
Normal file
27
gentest/fixtures/YGDisplayTest.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<div id="display_none" style="width: 100px; height: 100px; flex-direction: row;">
|
||||
<div style="flex-grow: 1;"></div>
|
||||
<div style="flex-grow: 1; display:none;"></div>
|
||||
</div>
|
||||
|
||||
<div id="display_none_fixed_size" style="width: 100px; height: 100px; flex-direction: row;">
|
||||
<div style="flex-grow: 1;"></div>
|
||||
<div style="width: 20px; height: 20px; display:none;"></div>
|
||||
</div>
|
||||
|
||||
<div id="display_none_with_margin" style="width: 100px; height: 100px; flex-direction: row;">
|
||||
<div style="width: 20px; height: 20px; display:none; margin: 10px;"></div>
|
||||
<div style="flex-grow: 1;"></div>
|
||||
</div>
|
||||
|
||||
<div id="display_none_with_child" style="width: 100px; height: 100px; flex-direction: row;">
|
||||
<div style="flex: 1;"></div>
|
||||
<div style="flex: 1; display:none;">
|
||||
<div style="flex: 1; width: 20px;"></div>
|
||||
</div>
|
||||
<div style="flex: 1;"></div>
|
||||
</div>
|
||||
|
||||
<div id="display_none_with_position" style="width: 100px; height: 100px; flex-direction: row;">
|
||||
<div style="flex-grow: 1;"></div>
|
||||
<div style="flex-grow: 1; display:none; top: 10px;"></div>
|
||||
</div>
|
Reference in New Issue
Block a user