Changeset 46235 for trunk/src/wp-includes/kses.php

Timestamp:

09/22/2019 10:16:19 PM (7 years ago)

Author:

peterwilsoncc

Message:

KSES: Add support for modern layout techniques in style attribute.

Adds support for flex, grid and column layout techniques to the list of CSS attributes considered safe for inline CSS. The \ character and CSS functions, eg minmax() are not yet supported.

Extends support of border properties to include border-radius and individual background properties to include all those implicitly supported by the shorthand attribute.

Props mrahmadawais, marybaum, birgire, peterwilsoncc, azaozz.
Fixes #37248.
See #47367.

File:

• trunk/src/wp-includes/kses.php (modified) (5 diffs)

trunk/src/wp-includes/kses.php

@@ -2072 +2072 @@
          * @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`.
+         * @since 5.3.0 Added support for `grid`, `flex` and `column` layout properties.
+         *              Extend `background-*` support of individual properties.
          *
          * @param string[] $attr Array of allowed CSS attributes.
@@ -2083 +2084 @@
                         'background-image',
                         'background-position',
+                        'background-size',
+                        'background-attachment',
+                        'background-blend-mode',
 
                         'border',
+                        'border-radius',
                         'border-width',
                         'border-color',
@@ -2109 +2114 @@
                         'caption-side',
 
+                        'columns',
+                        'column-count',
+                        'column-fill',
+                        'column-gap',
+                        'column-rule',
+                        'column-span',
+                        'column-width',
+
                         'color',
                         'font',
@@ -2144 +2157 @@
 
                         'flex',
+                        'flex-basis',
+                        'flex-direction',
+                        'flex-flow',
                         'flex-grow',
                         'flex-shrink',
-                        'flex-basis',
+
+                        'grid-template-columns',
+                        'grid-auto-columns',
+                        'grid-column-start',
+                        'grid-column-end',
+                        'grid-column-gap',
+                        'grid-template-rows',
+                        'grid-auto-rows',
+                        'grid-row-start',
+                        'grid-row-end',
+                        'grid-row-gap',
+                        'grid-gap',
+
+                        'justify-content',
+                        'justify-items',
+                        'justify-self',
+                        'align-content',
+                        'align-items',
+                        'align-self',
 
                         'clear',
@@ -2155 +2189 @@
                         'vertical-align',
                         'list-style-type',
-                        'grid-template-columns',
                 )
         );