When Roblox is set to Arabic, the Illegal Content Report forms have multiple RTL layout issues.
Issue 1 - Radio button selection indicator appears on the wrong side in Arabic layout
In the “Why are you reporting this content as illegal?*” section, users can select a report category using radio buttons.
When the website language is Arabic, the buttons are displayed on the right side of the category text. However, after selecting an option, the filled circle indicator appears on the opposite side, in the old LTR position, instead of inside the visible button.
The selected indicator should appear inside the radio button next to the category text.
Issue 2 - Page horizontally shifts after checking the confirmation checkbox
At the bottom of the form, clicking the confirmation checkbox causes the entire page to shift excessively to the left. This creates a large empty area and forces users to manually scroll horizontally back to the right to view the form again.
The page should maintain its position after interacting with the checkbox and should not create unnecessary horizontal overflow.
Steps to reproduce:
- Change Roblox website language to Arabic.
- Open an Illegal Content Report form. (I was able to reproduce it through the Digital Services Act Illegal Content Report Form, but the general page for all of them is: Illegal Content Report Form - Roblox)
- Navigate to the “Why are you reporting this content as illegal?*” section.
- Select one of the available categories.
- Observe that the filled selection indicator appears on the opposite side.
- Scroll to the bottom of the form.
- Click the confirmation checkbox.
- Observe the unexpected horizontal page shift.
Expected behavior:
- The selected indicator should appear inside the radio button on the right side according to RTL layout.
- Clicking the checkbox should not move the page or create horizontal overflow.