When the Roblox website language is set to Arabic, the Avatar Editor has multiple layout issues. Some UI elements are incorrectly positioned, and the category navigation does not properly adapt to the right-to-left (RTL) interface direction, causing certain tabs to become inaccessible.
Issues
Issue 1 - Avatar thumbnail and 2D/3D view switch are incorrectly positioned
The avatar thumbnail in the Avatar Editor is shifted toward the left side of the screen. The 2D/3D view switch button is also moved to the left instead of maintaining the correct alignment.
Before (English/LTR):
Screenshot showing the correct avatar thumbnail and 2D/3D view switch positioning:
After (Arabic/RTL):
Screenshot showing the avatar thumbnail and 2D/3D view switch shifted to the left:
Issue 2 - Category navigation does not properly support Arabic layout and scrolling
The category tabs (Recent, Avatars, Body, Makeup, Clothing, Accessories, Backgrounds, Animations) have a button on the far right side, indicating that users should be able to click it to reveal additional categories. However, when the website language is set to Arabic, clicking the button does nothing, and the remaining category cannot be accessed.
In this case, the unavailable category is Animations, while the other categories are already displayed. I confirmed this by changing the website language back to English, where the category tabs work correctly and the Animations tab can be accessed normally by clicking the scroll arrow on the right side.
Steps to Reproduce
- Open the Roblox website.
- Change the website language to Arabic (either through account settings or from the bottom of the page)
- Navigate to the Avatar Editor.
- Check the avatar thumbnail and the 2D/3D view switch button.
- Notice that the avatar thumbnail and the 2D/3D view switch button are incorrectly positioned.
- Check the category tabs.
- Click the scroll arrow on the right side to access the Animations category.
- Notice that clicking the button does nothing
Expected Behavior
- The avatar thumbnail and the 2D/3D view switch button should remain correctly positioned and aligned regardless of the selected language.
- The scroll arrow should function correctly to reveal categories that are not currently visible. Since Arabic is a right-to-left (RTL) language, the arrow should most likely be placed on the left side, and the Animations category should logically appear at the beginning of the category list rather than remaining on the far right (since it should be the opposite of LTR)