Locale CSS caching causes malformed layout

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.0.0 DXP FP11, 7.0.0 DXP SP2, 7.0.3 CE GA4, 7.1.X, Master
• Component/s: RTL Infrastructure
• Labels:
  • liferay-digital-enterprise-70-sp2
  • liferay-fixpack-de-11-7010
• Branch Version/s:
  7.0.x
• Backported to Branch:
  Committed
• Fix Priority: 5
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/46441

CRITICAL NOTE: The key part here is that the first request on the server is for an RTL locale. Hebrew (WI) is an RTL language.

Reproduction Steps:

1. In portal.properties set: browser.launcher.url=, to prevent auto launching the browser. THIS IS CRITICAL
2. Start Portal with fresh database
3. Open browser in "private mode" to: http://localhost:8080/iw/ THIS IS CRITICAL
4. Notice Portal is in Hebrew (IW locale)
5. Change locale to English (EN locale) by changing the URL to: http://localhost:8080/en/
6. You can even open http://localhost:8080/en/ in another browser. To eliminate the possibility of the browser cache being the issue.

Expected Result:

Actual Result:

More extreme examples can be seen in Control Panel.

Expected Result:

Actual Result:

—

Reproduction Steps (old):

1. Start Portal with fresh database
2. Open browser in "private mode" to http://localhost:8080/
3. Sign in
4. Complete new user setup
5. Open: Product Menu > Content > Web Content > New Basic Web Content
6. Note: No need to add any content
7. Add /iw/ to URL. (http://localhost:8080/iw/group/guest/...) to change the language to Hebrew
8. Click (while in Hebrew): Add Translation > Hebrew
9. Note: No need to add any content
10. Stop Server
11. Start Server
12. Using the same browser window, go to: http://localhost:8080/
13. Notice URL updates to: http://localhost:8080/iw/web/guest/home
14. Change URL to: http://localhost:8080/en/web/guest/home