Changeset 55944

Timestamp:

06/20/2023 02:29:18 AM (15 months ago)

Author:

peterwilsoncc

Message:

KSES: Add support for CSS repeat() function.

Introduces support for the CSS repeat() function to support complex grid layouts.

Props isabel_brison, azaozz.
Fixes #58551.

Location:

trunk

Files:

• src/wp-includes/kses.php (modified) (2 diffs)
• tests/phpunit/tests/kses.php (modified) (3 diffs)

trunk/src/wp-includes/kses.php

@@ -2280 +2280 @@
  * @since 6.2.0 Added support for `aspect-ratio`, `position`, `top`, `right`, `bottom`, `left`,
  *              and `z-index` CSS properties.
- * @since 6.3.0 Extended support for `filter` to accept a URL.
+ * @since 6.3.0 Extended support for `filter` to accept a URL and added support for repeat().
  *
  * @param string $css        A string of CSS rules.
@@ -2564 +2564 @@
              */
             $css_test_string = preg_replace(
-                '/\b(?:var|calc|min|max|minmax|clamp)(\((?:[^()]|(?1))*\))/',
+                '/\b(?:var|calc|min|max|minmax|clamp|repeat)(\((?:[^()]|(?1))*\))/',
                 '',
                 $css_test_string

trunk/tests/phpunit/tests/kses.php

@@ -938 +938 @@
      * @ticket 55966
      * @ticket 56122
+     * @ticket 58551
      * @dataProvider data_safecss_filter_attr
      *
@@ -1048 +1049 @@
                 'expected' => 'grid-template-rows: 40px 4em 40px;grid-auto-rows: min-content;grid-row-start: -1;grid-row-end: 3;grid-row-gap: 1em',
             ),
-            // `grid` does not yet support functions or `\`.
-            array(
-                'css'      => 'grid-template-columns: repeat(2, 50px 1fr);grid-template: 1em / 20% 20px 1fr',
+            // `grid` does not yet support `\`.
+            array(
+                'css'      => 'grid-template: 1em / 20% 20px 1fr',
                 'expected' => '',
             ),
@@ -1321 +1322 @@
                 'css'      => 'filter: url( my-file.svg#svg-blur );',
                 'expected' => 'filter: url( my-file.svg#svg-blur )',
+            ),
+            // Support for `repeat` function.
+            array(
+                'css'      => 'grid-template-columns: repeat(4, minmax(0, 1fr))',
+                'expected' => 'grid-template-columns: repeat(4, minmax(0, 1fr))',
+            ),
+            array(
+                'css'      => 'grid-template-columns: repeat(auto-fill, minmax(min(12rem, 100%), 1fr))',
+                'expected' => 'grid-template-columns: repeat(auto-fill, minmax(min(12rem, 100%), 1fr))',
+            ),
+            // Malformed repeat, no closing `)`.
+            array(
+                'css'      => 'grid-template-columns: repeat(4, minmax(0, 1fr)',
+                'expected' => '',
+            ),
+            // Malformed repeat, contains unsupported function.
+            array(
+                'css'      => 'grid-template-columns: repeat(4, unsupported(0, 1fr)',
+                'expected' => '',
             ),
         );