Changeset 45363

Timestamp:

05/18/2019 04:33:27 AM (7 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',
+                        ),
                 );
         }