Global styles duotone not rendering in post editor

[ajlende]

With the backported changes from [52757], duotone is not rendering in the post editor

Global styles duotone filters were not rendering in the post editor (there is a separate issue for the site editor (WordPress/gutenberg#37727). This fixes that by adding wp_global_styles_render_svg_filters to the in_admin_header so it renders in the body before the editor.

To test, use a theme which adds duotone filters to a block in theme.json (​Skatepark is one such example). Or add the following to twentytwentytwo's theme.json and ensure that an image added to a post is shown with the duotone filter by default in both the editor and front end.

{{{json
{

"styles": {

"blocks": {

"core/image": {

"filter": {

"duotone": "var(--wp--preset--duotone--primary-and-secondary)"

}

}

}

}

}
}}}

Trac ticket: https://core.trac.wordpress.org/ticket/55190

[hellofromTonya]

Hello @ajlende,

Welcome back to WordPress Core's Trac! Thanks for opening this ticket.

The Gutenberg package updates have not yet been committed. In talking with @audrasjb, as soon as he gets those committed, let's retest to see if the problem still exists.

Moving into 5.9.1 for investigation and visibility.

[hellofromTonya]

I can reproduce the reported issue and confirm that PR 2331 resolves it. See the testing discussion here in slack ​https://wordpress.slack.com/archives/C02RQBWTW/p1645128566868619.

Marking for commit. This needs to go into 5.9 branch for 5.9.1.

[hellofromTonya]

Self-assigning for commit.

[hellofromTonya]

Also noting @abhanonstopnewsuk tested and was able to also reproduce.

[hellofromTonya]

In 52768:

Editor: Automatically apply global styles duotone filters to render in post editor.

Global styles duotone filters were not rendering in the post editor. This fixes that by adding wp_global_styles_render_svg_filters to the in_admin_header so it renders in the body before the editor.

Follow-up [52757].

Props ajlende, abhanonstopnewsuk.
Fixes #55190.

[hellofromTonya]

Re-opening for 2nd committer review to backport [52768] to 5.9 branch.

[audrasjb]

Thanks @hellofromTonya, let's get this backported to 5.9 👍

[hellofromTonya]

In 52769:

Editor: Automatically apply global styles duotone filters to render in post editor.

Global styles duotone filters were not rendering in the post editor. This fixes that by adding wp_global_styles_render_svg_filters to the in_admin_header so it renders in the body before the editor.

Follow-up [52757].

Props ajlende, abhanonstopnewsuk.
Merges [52768] to the 5.9 branch.
Fixes #55190.

Committed via https://core.trac.wordpress.org/changeset/52768.

[hellofromTonya]

FYI: @ajlende noted these changes will also be ported back to the Gutenberg repo. See the discussion here in slack ​https://wordpress.slack.com/archives/C02RQBWTW/p1645130019747589.