When Gutenberg is active, RTL styles are not loading correctly on the front.

[carolinan]

Description

Different RTL files and styles are loaded on the front of the website depending on if Gutenberg is active or not.
This breaks some RTL styles, for example for the query pagination and comment query pagination blocks.

The example page I am using to reproduce this is the front page of Twenty Twenty-Two, with enough posts to show the query pagination in the query loop.

WordPress trunk, without Gutenberg, loads the following rtl files:

<link rel='stylesheet' id='wp-block-navigation-rtl-css'  href='http://localhost:8889/wp-includes/blocks/navigation/style-rtl.css?ver=6.1-alpha-53344-src' media='all' />
<link rel='stylesheet' id='wp-block-image-rtl-css'  href='http://localhost:8889/wp-includes/blocks/image/style-rtl.css?ver=6.1-alpha-53344-src' media='all' />
<link rel='stylesheet' id='wp-block-columns-rtl-css'  href='http://localhost:8889/wp-includes/blocks/columns/style-rtl.css?ver=6.1-alpha-53344-src' media='all' />
<link rel='stylesheet' id='wp-block-library-rtl-css'  href='http://localhost:8889/wp-includes/css/dist/block-library/common-rtl.css?ver=6.1-alpha-53344-src' media='all' />

Inline styles are replaced with their rtl versions. - For example to rotate the query pagination arrows.

With Gutenberg 13.4.0 active, the following rtl file is loaded, but it is the only one:
<link rel='stylesheet' id='wp-block-navigation-rtl-css' href='http://localhost:8889/wp-content/plugins/gutenberg/build/block-library/blocks/navigation/style-rtl.css?ver=1654842440' media='all' />
Inline styles are not replaced with their rtl versions, and the query pagination arrows are not rotated.

See #40684 (comment)

Step-by-step reproduction instructions

1. Activate Gutenberg trunk or 13.4.0.
2. Activate an RTL language. I tested with Arabic.
3. Add or select a query pagination block and enable the arrow option. Save,
4. Compare the position and direction of the arrows in the editor and the front, confirm that the views do not match.

Screenshots, screen recording, code snippet

No response

Environment info

WordPress trunk
Gutenberg trunk or 13.4-0

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

[sabernhardt]

Is the bug reported in Trac 56325 related? When I had SCRIPT_DEBUG on, the RTL files loaded as they should. However, it did not fetch the RTL versions of minified files with the debug turned off.

[kathrynwp]

Thanks, @sabernhardt! Just wanted to point out that in my Trac report, I was able to replicate even without Gutenberg active.

[kathrynwp]

@jorgefilipecosta Hi, would you be able to take a look to see if the Trac ticket I reported is the same issue as this one? If so, is it possible to get this fix reviewed, as this bug seems to be is affecting all block themes? Thanks!

[jorgefilipecosta]

The trac thicked seems to be the same issue. I reviewed and approved PR #41762, which should fix it.