Some context menus display at the top-right in RTL rendering

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.1.X, Master
• Fix Version/s: 7.1.10 DXP FP17, 7.1.10.4 SP4, 7.1.X, 7.2.X, Master
• Component/s: Pages > Page Editor, RTL Infrastructure
• Labels:
  • MSB+i18n_Analysis
  • ee-ts
  • frontend
  • liferay-dxp-71-sp4
  • liferay-fixpack-dxp-17-7110
• Branch Version/s:
  7.1.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/71123

• Go to a site, and create a fragment collection, so that you can see the empty collection interface
• Switch to a RTL language by prepending ar/ in the beginning of the URL path
• Page is displayed RTL.
• Click on all kebab menus and '+' icons available in the page

 Observed: Some menus appear below and to the right of the icon you click (product menu, collection options). Others show the options at the top-right side of the screen, very far away of the clicked icon. That is the case of the "+" button to add a new fragment, and the collections menu (Import, Export, Delete).

 Expected: all contextual pop-up menus appear "mirrored" respecting the LTR rendering, that is, below and to the left of icon user clicks.

Tested in master at 6d30aff6c2aebac750c630c0675d00eed025ca97
Reproduced in 7.1.x at 96e20f8658e831ab4554cff707fc373b5160fb91