Changeset 45363

Timestamp:

05/18/2019 04:33:27 AM (6 years ago)

Author:

peterwilsoncc

Message:

KSES: Add flex and related long form properties to safe CSS.

Allow flex, flex-grow, flex-shrink and flex-basis to be used in inline CSS. As of WordPress 5.3 the block editor is expected to use flex-basis inline to set the width in the column block.

Props aduth.
Fixes #47281.
See #37248.

Location:

trunk

Files:

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

trunk/src/wp-includes/kses.php

@@ -2064 +2064 @@
      * @since 5.1.0 Added support for `text-transform`.
      * @since 5.2.0 Added support for `background-position` and `grid-template-columns`
+     * @since 5.3.0 Added support for `flex`, `flex-grow`, `flex-shrink`, and `flex-basis`.
      *
      * @param string[] $attr Array of allowed CSS attributes.
@@ -2134 +2135 @@
             'padding-top',
 
+            'flex',
+            'flex-grow',
+            'flex-shrink',
+            'flex-basis',
+
             'clear',
             'cursor',

trunk/tests/phpunit/tests/kses.php

@@ -831 +831 @@
                 'expected' => 'background: green url("foo.jpg") no-repeat fixed center',
             ),
+            // `flex` and related attributes introduced in 5.3.
+            array(
+                'css'      => 'flex: 0 1 auto;flex-basis: 75%;flex-shrink: 0;flex-grow: 1',
+                'expected' => 'flex: 0 1 auto;flex-basis: 75%;flex-shrink: 0;flex-grow: 1',
+            ),
         );
     }