Screens intermittently blank-until-scroll in RTL mode

[claudiulodro]

This stems from an issue filed in WooCommerce: ​https://github.com/woocommerce/woocommerce/issues/13561

In RTL mode, pages will be blank until the window is scrolled or resized. This only happens in Chrome and it happens intermittently and primarily on admin pages (edit-posts, nav-menu, plugins, etc). I've verified this behavior on both existing sites using the RTL Tester plugin and on a fresh, Arabic WP install with no plugins. I can reproduce this on any default (2012-2017) theme.

To reproduce on an existing site:

1. Install and activate the RTL Tester plugin.
2. Switch to RTL mode.
3. Open an admin page (plugins.php, etc.) in Chrome.
4. Refresh the page repeatedly.

To reproduce on a new site:

1. Create new Arabic-language site.
2. Open an admin page (plugins.php, etc.) in Chrome.
3. Refresh the page repeatedly.

I've also been able to reproduce this on frontend pages (e.g. search results, "Hello World", etc.), but it seems to happen less often.

[claudiulodro]

Screenshot of issue

[ocean90]

I can confirm that Chrome sometimes shows a white screen on RTL languages. It's not specific to WordPress. Scrolling a bit makes the page visible.

Possible workaround ​http://stackoverflow.com/q/34184377/3507335.

[sabernhardt]

The ​Chromium bug report says this is fixed. I did not see the problem with Chrome 91 (Windows 10 Home 20H2) and WordPress 5.7.2.

Could someone test this again, perhaps with MacOS?

[pavanpatil1]

Did not see any problem with the below environment.

Environment:
WordPress: 5.8.2
Os: macOS Big Sur
Browser: Chrome v95
RTL: v1.2

[sabernhardt]

Thanks for testing! I'll close this as works-for-me then. If someone does experience the problem again, feel free to reopen the ticket.