Web content sidebar does not display correctly in android device using rtl langauge

• Type: Regression Bug
• Status: Resolved
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.3.1 CE GA2, Master
• Component/s: Web Content > Web Content Administration
• Labels:
  • Frontend
  • RTL
• Flagged:
  Impediment
• Fix Priority: 3
• Device Type:
  Smartphone
• Sprint: S03E21 - Vienna
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/86517

Steps to Reproduce:

1. Use a Samsung Galaxy Android 8(or similar device)
2. Add /ar to URL to change localization to Arabic (ie: http://localhost:8080/ar/web/guest)
3. Assert Navigation Menu icons are mirrored
4. Click Product Menu
5. Assert Product Menu opens and web page shifts to the left
6. Navigate to Web Content

Expected Result:

Web content sidebar is mirrored (right to left)

Actual Result:

Web content sidebar is in the middle of the page

 

Reproduced on:

Tomcat 9.0.17 + MySQL 5.7 Portal master GIT ID: e803d1b2376468594eb207d05a472d9948548085