Steps to replicate the issue (include links if applicable):
- Go to the Focus Area creation page (e.g., Special:EditFocusArea).
- Change your language to Hebrew and create a new Focus Area using Hebrew text for all the fields.
- Submit
- Wait approximately 15 seconds after saving to allow the data to update.
- Navigate to the Focus Area Cards view (e.g., Community_Wishlist/Focus_areas).
- Locate and open the newly created Hebrew Focus Area card.
What happens?:
- The newly created Hebrew Focus Area card appears correctly in the index after a short delay.
- However, when it first loads, the layout and text direction are not in RTL (right-to-left).
- Only after clicking into the specific Focus Area page does the page correctly render in RTL.
What should have happened instead?:
- The Focus Area card and its content should immediately render in RTL upon creation or refresh if the language is Hebrew.
- RTL rendering should apply consistently across both the index view and the individual Focus Area page.
Other information (browser name/version, screenshots, etc.):
Environment: Meta Beta
OS: macOS Tahoe 26.1
Browser: Chrome 142
Device: MBA
Also was seen in {T406368#11269648}. I was able to replicate it with the current date, as seen below, too.
Derived Requirement
Ensure that Focus Areas created in a right-to-left language, such as Hebrew, render in RTL immediately upon first load across both the Focus Area Cards index view and the individual Focus Area page, without requiring additional navigation or user interaction.
Test Steps
Test Case 1: Ensure newly created Hebrew Focus Area renders in RTL on initial load in index view
- Navigate to Special:EditFocusArea.
- Change the interface language to Hebrew.
- Create a new Focus Area using Hebrew text in all available fields.
- Submit the Focus Area.
- Wait approximately 15 seconds to allow data propagation.
- Navigate to the Focus Area Cards view (for example, Community_Wishlist/Focus_areas).
- Locate the newly created Focus Area card.
- ✅❓❌⬜ AC1: The Focus Area card content renders in RTL immediately on first load, with correct text direction and layout.
Test Case 2: Ensure RTL rendering is consistent between index view and Focus Area page
- From the Focus Area Cards view, click the newly created Hebrew Focus Area card.
- Observe the layout and text direction on the Focus Area page.
- Navigate back to the Focus Area Cards view and refresh the page.
- Observe the same Focus Area card again.
- ✅❓❌⬜ AC2: RTL rendering is consistent across both the Focus Area Cards index view and the individual Focus Area page without requiring intermediate navigation to correct the layout.
QA Results - Meta Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T409322#11584633 |
| 2 | ✅ | T409322#11585204 |