Changeset 55564

Timestamp:

03/20/2023 08:23:47 AM (19 months ago)

Author:

SergeyBiryukov

Message:

KSES: Allow filter property to accept a URL in safecss_filter_attr().

CSS filters can accept url() as a reference to an SVG filter element:

filter: url( file.svg#filter-element-id );

This commit allows for that syntax to be used in inline CSS.

Original PR from Gutenberg repository:

• ​#48281 Duotone: Use the style engine to generate CSS for Duotone

References:

• ​MDN Web Docs: filter()
• ​MDN Web Docs: url()

Follow-up to [44136], [52049].

Props scruffian, jeryj, ironprogrammer, azaozz, hellofromTonya, SergeyBiryukov.
Fixes #57780.

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

@@ -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.
  *
  * @param string $css        A string of CSS rules.
@@ -2467 +2468 @@
 
         'cursor',
+        'filter',
 
         'list-style',

trunk/tests/phpunit/tests/kses.php

@@ -1317 +1317 @@
                 'expected' => '',
             ),
+            // URL support for `filter` introduced in 6.3.
+            array(
+                'css'      => 'filter: url( my-file.svg#svg-blur );',
+                'expected' => 'filter: url( my-file.svg#svg-blur )',
+            ),
         );
     }