grid area trim value

Author: jogibear9988

src/AngleSharp.Css.Tests/Declarations/CssGridProperty.cs

@@ -528,7 +528,7 @@ public void CssGridAreaSingleValueLegal()
         }
 
         [Test]
-        public void CssGridAreaSingleTextValueLegal1()
+        public void CssGridAreaTextValueLegal1()
         {
             var source = "#nav-header {grid-area: aaa; }";
             var css = ParseStyleSheet(source);
@@ -540,7 +540,7 @@ public void CssGridAreaSingleTextValueLegal1()
 
 
         [Test]
-        public void CssGridAreaSingleTextValueLegal2()
+        public void CssGridAreaTextValueLegal2()
         {
             var source = "#nav-header {grid-area: aaa / bbb; }";
             var css = ParseStyleSheet(source);
@@ -551,7 +551,7 @@ public void CssGridAreaSingleTextValueLegal2()
         }
 
         [Test]
-        public void CssGridAreaSingleTextValueLegal3()
+        public void CssGridAreaTextValueLegal3()
         {
             var source = "#nav-header {grid-area: 1 / 2; }";
             var css = ParseStyleSheet(source);
@@ -562,7 +562,7 @@ public void CssGridAreaSingleTextValueLegal3()
         }
 
         [Test]
-        public void CssGridAreaSingleTextValueLegal4()
+        public void CssGridAreaTextValueLegal4()
         {
             var source = "#nav-header {grid-area: aaa / 2; }";
             var css = ParseStyleSheet(source);
@@ -573,7 +573,7 @@ public void CssGridAreaSingleTextValueLegal4()
         }
 
         [Test]
-        public void CssGridAreaSingleTextValueLegal5()
+        public void CssGridAreaTextValueLegal5()
         {
             var source = "#nav-header {grid-area: aaa / bbb / ccc; }";
             var css = ParseStyleSheet(source);
@@ -584,7 +584,7 @@ public void CssGridAreaSingleTextValueLegal5()
         }
 
         [Test]
-        public void CssGridAreaSingleTextValueLegal6()
+        public void CssGridAreaTextValueLegal6()
         {
             var source = "#nav-header {grid-area: aaa / bbb / ccc; }";
             var css = ParseStyleSheet(source);
@@ -595,7 +595,7 @@ public void CssGridAreaSingleTextValueLegal6()
         }
 
         [Test]
-        public void CssGridAreaSingleTextValueLegal7()
+        public void CssGridAreaTextValueLegal7()
         {
             var source = "#nav-header {grid-area: 1; }";
             var css = ParseStyleSheet(source);
@@ -606,7 +606,7 @@ public void CssGridAreaSingleTextValueLegal7()
         }
 
         [Test]
-        public void CssGridAreaSingleTextValueLegal8()
+        public void CssGridAreaTextValueLegal8()
         {
             var source = "#nav-header {grid-area: 2 / aaa; }";
             var css = ParseStyleSheet(source);
@@ -616,6 +616,50 @@ public void CssGridAreaSingleTextValueLegal8()
             Assert.AreEqual(expected, text);
         }
 
+        [Test]
+        public void CssGridAreaTextValueIllegal1()
+        {
+            var source = "#nav-header {grid-area: 2a / 3%; }";
+            var css = ParseStyleSheet(source);
+            var text = css.Rules[0].CssText;
+
+            var expected = "#nav-header { }";
+            Assert.AreEqual(expected, text);
+        }
+
+        [Test]
+        public void CssGridAreaTextValueIllegal2()
+        {
+            var source = "#nav-header {grid-area: 2a; }";
+            var css = ParseStyleSheet(source);
+            var text = css.Rules[0].CssText;
+
+            var expected = "#nav-header { }";
+            Assert.AreEqual(expected, text);
+        }
+
+        [Test]
+        public void CssGridAreaTextValueTrim1()
+        {
+            var source = "#nav-header {grid-area: 9999999; }";
+            var css = ParseStyleSheet(source);
+            var text = css.Rules[0].CssText;
+
+            var expected = "#nav-header { grid-area: 10000 / auto / auto / auto }";
+            Assert.AreEqual(expected, text);
+        }
+
+        [Test]
+        public void CssGridAreaTextValueTrim2()
+        {
+            var source = "#nav-header {grid-area: 9999999 / 8888888 }";
+            var css = ParseStyleSheet(source);
+            var text = css.Rules[0].CssText;
+
+            var expected = "#nav-header { grid-area: 10000 / 10000 / auto / auto }";
+            Assert.AreEqual(expected, text);
+        }
+
         [Test]
         public void CssGridAutoFlowAndRepeatLegal()
         {

src/AngleSharp.Css/Declarations/GridAreaDeclaration.cs

@@ -2,13 +2,16 @@ namespace AngleSharp.Css.Declarations
 {
     using AngleSharp.Css.Converters;
     using AngleSharp.Css.Dom;
+    using AngleSharp.Css.Parser;
     using AngleSharp.Css.Values;
     using AngleSharp.Text;
     using System;
     using static ValueConverters;
 
     static class GridAreaDeclaration
     {
+        private const int MaximumGridSize = 10000;
+        
         public static readonly String Name = PropertyNames.GridArea;
 
         public static readonly String[] Longhands = new[]
@@ -42,7 +45,7 @@ public ICssValue[] Split(ICssValue value)
                 {
                     return new[]
                     {
-                        tuple.Items[0],
+                        GetItem(tuple, 0),
                         GetItem(tuple, 1),
                         GetItem(tuple, 2),
                         GetItem(tuple, 3),
@@ -56,6 +59,13 @@ private static ICssValue GetItem(CssTupleValue tuple, Int32 index)
             {
                 if (tuple.Items.Length > index)
                 {
+                    if (int.TryParse(tuple.Items[index].CssText, out int value))
+                    {
+                        if (value > MaximumGridSize)
+                        {
+                            return new Constant<Object>(MaximumGridSize.ToString(), null);
+                        }
+                    }
                     return tuple.Items[index];
                 }
 
@@ -64,10 +74,13 @@ private static ICssValue GetItem(CssTupleValue tuple, Int32 index)
 
             private static ICssValue GetItemSimple(CssTupleValue tuple, Int32 index)
             {
+                var val = UnitParser.ParseUnit(new StringSource(tuple.Items[0].CssText));
                 if (index <= 2)
                 {
                     if (tuple.Items.Length <= index)
-                    {if (!int.TryParse(tuple.Items[0].CssText, out int _))
+                    {
+                       
+                        if (!int.TryParse(tuple.Items[0].CssText, out int _))
                         {
                             return tuple.Items[0];
                         }