File Block: Missing backward compatible styles for classic themes

[t-hamano]

Description

In #41822, the button element styles were moved from each block to theme.json. And the style for representing the download button in the file block has also been removed from the block's stylesheet. Since there are no backward-compatible styles for the file block, classic themes without theme.json will apply unnatural styles:

• The button-like style of the download button is lost.
• When the focus is on the download button, the text color is white, making it invisible.

Just as the button block provides backward-compatible styles for the classic theme, I believe that this should be done for the file block as well.

Step-by-step reproduction instructions

Classic themes such as Twenty Twenty One and Twenty Twenty cannot be reproduced because they have styles for file blocks. Therefore, create a plain theme with the following files:

style.css

/*
Theme Name: Empty Classic
*/

index.php

<?php
wp_head();

if ( have_posts() ) {
	while ( have_posts() ) {
		the_post();
		the_content();
	}
}

wp_footer();

• Insert a file block.
• Confirm that the style of the download button is lost in both the editor and the front end.
• Confirm that the text disappears (turns white) when the download link is focused on, for example, by mouse-over.

Screenshots, screen recording, code snippet

WordPress 6.0

Has the button-like style.

WordPress 6.1

The style of the download button is lost.

The text disappears (turns white) when the download link is focused.

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[mpkelly]

I am going to take this on now

[t-hamano]

Thank you for addressing this issue, @mpkelly !

[t-hamano]

Hi @mpkelly,

Just wanted to know if you were addressing this issue. If it is too difficult for you to tackle, I will be happy to help 👍

[mpkelly]

Hi @t-hamano, I'm unlikely to work on it in the near future, so please go ahead.