Skip to content

Block Supports: Ensure that custom CSS is output after the block library styles #80062

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
t-hamano merged 4 commits into from
Jul 13, 2026
Merged

Block Supports: Ensure that custom CSS is output after the block library styles #80062

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
b01e1b5
Fix custom CSS support reordering global-styles ahead of wp-block-lib…
t-hamano Jul 9, 2026
0d38206
Add backport changelog
t-hamano Jul 9, 2026
924321f
Update docblock
t-hamano Jul 13, 2026
342b539
Merge branch 'trunk' into fix/79974-custom-css-stylesheet-order
t-hamano Jul 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions backport-changelog/7.1/12461.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
https://github.com/WordPress/wordpress-develop/pull/12461

* https://github.com/WordPress/gutenberg/pull/80062
10 changes: 5 additions & 5 deletions lib/block-supports/custom-css.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,14 +55,14 @@ function gutenberg_render_custom_css_support_styles( $parsed_block ) {

if ( ! empty( $processed_css ) ) {
/**
* Skip CSS that has already been added. Blocks with identical attributes
* share the same class name and processed CSS via {@see wp_unique_id_from_values()},
* so the same style would otherwise be enqueued more than once (e.g. inside
* a Query Loop or when blocks share identical custom CSS).
* Reuse one handle so identical custom CSS is enqueued only once via
* {@see wp_unique_id_from_values()}. Explicitly declare the `wp-block-library`
* dependency so `global-styles` is guaranteed to print after it, preventing
* block default styles from unintentionally overriding global styles.
*/
$handle = 'wp-block-custom-css';
if ( ! wp_style_is( $handle, 'registered' ) ) {
wp_register_style( $handle, false, array( 'global-styles' ) );
wp_register_style( $handle, false, array( 'wp-block-library', 'global-styles' ) );
}
$after_styles = wp_styles()->get_data( $handle, 'after' );
if ( ! is_array( $after_styles ) ) {
Expand Down
Loading