wpseek.com
A WordPress-centric search engine for devs and theme authors



wp_enqueue_img_auto_sizes_contain_css_fix › WordPress Function

Since6.9.0
Deprecatedn/a
› wp_enqueue_img_auto_sizes_contain_css_fix ( No parameters )
See:
Defined at:
Codex:

Enqueues a CSS rule to fix potential visual issues with images using `sizes=auto`.

This rule overrides the similar rule in the default user agent stylesheet, to avoid images that use e.g. width: auto or width: fit-content to appear smaller.


Related Functions: wp_print_auto_sizes_contain_css_fix, wp_enqueue_global_styles_custom_css, wp_enqueue_registered_block_scripts_and_styles, wp_restore_image_outer_container, wp_enqueue_block_style_variation_styles

Source 

function wp_enqueue_img_auto_sizes_contain_css_fix(): void {
	// Back-compat for plugins that disable functionality by unhooking this action.
	$priority = has_action( 'wp_head', 'wp_print_auto_sizes_contain_css_fix' );
	if ( false === $priority ) {
		return;
	}
	remove_action( 'wp_head', 'wp_print_auto_sizes_contain_css_fix', $priority );

	/** This filter is documented in wp-includes/media.php */
	$add_auto_sizes = apply_filters( 'wp_img_tag_add_auto_sizes', true );
	if ( ! $add_auto_sizes ) {
		return;
	}

	$handle = 'wp-img-auto-sizes-contain';
	wp_register_style( $handle, false );
	wp_add_inline_style( $handle, 'img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}' );

	// Make sure inline style is printed first since it was previously printed at wp_head priority 1 and this preserves the CSS cascade.
	array_unshift( wp_styles()->queue, $handle );
}