Bug Display none not applying with margin

Hello,

I found a bug about the layout calc when using margin auto. If an element inside a flex element is in margin auto, the margin still applying when display none.

See my screenshots: I have a cell containing three elements, two first elements have a width and height, last element is margin auto.



But when I apply display none to the last element, its rect stay in layout calc.


You can find an exemple to reproduce the bug below (by disabling #Red):

Code (JavaScript):

1.  
2. <ui:VisualElement style="flex-direction: row; justify-content: center;">
3. <ui:VisualElement name="Blue" style="height: 150px; background-color: rgb(46, 75, 176); flex-grow: 0; width: 150px;" />
4. <ui:VisualElement name="White" style="height: 150px; flex-grow: 0; background-color: rgb(255, 255, 255); width: 150px;" />
5. <ui:VisualElement name="Red" style="flex-grow: 0; background-color: rgb(224, 41, 41); margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; display: flex; width: 150px;" />
6. </ui:VisualElement>
7.  

 

Done last week ; it opened an internal issue https://unity3d.atlassian.net/servicedesk/customer/portal/2/IN-43965