add box-sizing and display:contents

Author: KurtGokhan

Runtime/Frameworks/UGUI/Components/UGUIComponent.cs

@@ -1,5 +1,4 @@
 using System;
-using Yoga;
 using ReactUnity.Helpers;
 using ReactUnity.Styling;
 using ReactUnity.Types;
@@ -9,6 +8,7 @@
 using UnityEngine;
 using UnityEngine.EventSystems;
 using UnityEngine.UI;
+using Yoga;
 
 namespace ReactUnity.UGUI
 {
@@ -231,6 +231,7 @@ protected void ApplyYogaValues()
             Layout.BorderBottomWidth = StylingHelpers.GetStyleFloatDouble(computed, LayoutProperties.BorderBottomWidth, LayoutProperties.BorderWidth);
 
             Layout.Display = StylingHelpers.GetStyleEnumCustom(computed, LayoutProperties.Display);
+            Layout.BoxSizing = StylingHelpers.GetStyleEnumCustom(computed, LayoutProperties.BoxSizing);
             Layout.Overflow = StylingHelpers.GetStyleEnumCustom(computed, LayoutProperties.Overflow);
 
             Layout.AlignContent = StylingHelpers.GetStyleEnumCustom(computed, LayoutProperties.AlignContent);
@@ -458,7 +459,8 @@ protected Canvas InitializeCanvas()
 
                 canvas.targetDisplay = root.targetDisplay;
 
-                if (!canvas.worldCamera) {
+                if (!canvas.worldCamera)
+                {
                     canvas.worldCamera = root.worldCamera;
                 }
 

Runtime/Styling/Properties/LayoutProperties.cs

@@ -1,7 +1,7 @@
 using System;
 using System.Collections.Generic;
-using Yoga;
 using ReactUnity.Styling.Converters;
+using Yoga;
 
 namespace ReactUnity.Styling
 {
@@ -11,6 +11,7 @@ public static class LayoutProperties
         public static readonly LayoutProperty<YogaFlexDirection> FlexDirection = new LayoutProperty<YogaFlexDirection>("FlexDirection");
         public static readonly LayoutProperty<YogaJustify> JustifyContent = new LayoutProperty<YogaJustify>("JustifyContent");
         public static readonly LayoutProperty<YogaDisplay> Display = new LayoutProperty<YogaDisplay>("Display");
+        public static readonly LayoutProperty<YogaBoxSizing> BoxSizing = new LayoutProperty<YogaBoxSizing>("BoxSizing");
         public static readonly LayoutProperty<YogaAlign> AlignItems = new LayoutProperty<YogaAlign>("AlignItems");
         public static readonly LayoutProperty<YogaAlign> AlignSelf = new LayoutProperty<YogaAlign>("AlignSelf");
         public static readonly LayoutProperty<YogaAlign> AlignContent = new LayoutProperty<YogaAlign>("AlignContent");
@@ -67,6 +68,7 @@ public static class LayoutProperties
             { "flexDirection", FlexDirection },
             { "justifyContent", JustifyContent },
             { "display", Display },
+            { "boxSizing", BoxSizing },
             { "alignItems", AlignItems },
             { "alignSelf", AlignSelf },
             { "alignContent", AlignContent },
@@ -116,6 +118,7 @@ public static class LayoutProperties
             { "rowGap", RowGap },
             { "columnGap", ColumnGap },
 
+            { "box-sizing", BoxSizing },
             { "flex-direction", FlexDirection },
             { "justify-content", JustifyContent },
             { "align-items", AlignItems },

Runtime/Yoga/Native.cs

@@ -245,6 +245,12 @@ internal static class Native
         [DllImport(DllName, ExactSpelling = true, CallingConvention = CallingConvention.Cdecl)]
         public static extern YogaDisplay YGNodeStyleGetDisplay(YGNodeHandle node);
 
+        [DllImport(DllName, ExactSpelling = true, CallingConvention = CallingConvention.Cdecl)]
+        public static extern void YGNodeStyleSetBoxSizing(YGNodeHandle node, YogaBoxSizing display);
+
+        [DllImport(DllName, ExactSpelling = true, CallingConvention = CallingConvention.Cdecl)]
+        public static extern YogaBoxSizing YGNodeStyleGetBoxSizing(YGNodeHandle node);
+
         [DllImport(DllName, ExactSpelling = true, CallingConvention = CallingConvention.Cdecl)]
         public static extern void YGNodeStyleSetFlex(YGNodeHandle node, float flex);
 

Runtime/Yoga/YogaBoxSizing.cs

@@ -0,0 +1,8 @@
+namespace Yoga
+{
+    public enum YogaBoxSizing
+    {
+        BorderBox,
+        ContentBox,
+    }
+}

Runtime/Yoga/YogaBoxSizing.cs.meta

@@ -4,5 +4,6 @@ public enum YogaDisplay
     {
         Flex,
         None,
+        Contents,
     }
 }

Runtime/Yoga/YogaDisplay.cs

@@ -95,6 +95,12 @@ public YogaDisplay Display
             set => Native.YGNodeStyleSetDisplay(_ygNode, value);
         }
 
+        public YogaBoxSizing BoxSizing
+        {
+            get => Native.YGNodeStyleGetBoxSizing(_ygNode);
+            set => Native.YGNodeStyleSetBoxSizing(_ygNode, value);
+        }
+
         public YogaAlign AlignItems
         {
             get => Native.YGNodeStyleGetAlignItems(_ygNode);