Add scope to iframe 100% width css style

[barryceelen]

Gutenberg global styles insist that an iframe should be 100% wide.

This overrides any iframe width or height attributes, I guess to be able to render videos and such responsively, but leads to trouble where the width and height attributes should not be overridden (in our case: ads).

Expected behavior
The width: 100% iframe style should be scoped to the block that needs it, in stead of being global.

[NicktheGeek]

Second to this. Currently the stylesheet is outputting even when gutenberg is disabled and it is breaking live sites that are on WP 5.3.

[NicktheGeek]

Follow up here as some folks may end up searching for a solution. In my case the styles shouldn't even be loaded because GB is not enabled on the sites this was breaking, so I just added wp_dequeue_style( 'wp-block-library' ); to the wp_enqueue_scripts hook. I'm hoping to make that a temp change as I'd like to see GB support on these sites eventually, but this CSS needs to change.

[federicojacobi]

This works really nicely:

add_action( 'enqueue_block_assets', function() {
	wp_dequeue_style( 'wp-block-library' );
	if ( current_theme_supports( 'wp-block-styles' ) ) {
		wp_dequeue_style( 'wp-block-library-theme' );
	}
} );

It is basically the reverse of https://github.com/WordPress/WordPress/blob/master/wp-includes/script-loader.php#L2831

[bengreeley]

+1 Seeing this mess up ads that don't have explicit width/height attributes specified in the iFrame code. Disabling the Gutenberg plugin and relying on core functionality for now, but it would be great if this was fixed.

[bengreeley]

Actually, looks like it may be fixed 🎉 #18287