Page MenuHomePhabricator

Hebrew Focus Area does not render in RTL on initial load
Closed, ResolvedPublicBUG REPORT

Description

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

  1. Navigate to Special:EditFocusArea.
  2. Change the interface language to Hebrew.
  3. Create a new Focus Area using Hebrew text in all available fields.
  4. Submit the Focus Area.
  5. Wait approximately 15 seconds to allow data propagation.
  6. Navigate to the Focus Area Cards view (for example, Community_Wishlist/Focus_areas).
  7. Locate the newly created Focus Area card.
  8. ✅❓❌⬜ 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

  1. From the Focus Area Cards view, click the newly created Hebrew Focus Area card.
  2. Observe the layout and text direction on the Focus Area page.
  3. Navigate back to the Focus Area Cards view and refresh the page.
  4. Observe the same Focus Area card again.
  5. ✅❓❌⬜ 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

ACStatusDetails
1T409322#11584633
2T409322#11585204

Event Timeline

Change #1207208 had a related patch set uploaded (by MusikAnimal; author: MusikAnimal):

[mediawiki/extensions/CommunityRequests@master] Invalidate cache when changing lang, and make base_lang rewritable

https://gerrit.wikimedia.org/r/1207208

Change #1207208 merged by jenkins-bot:

[mediawiki/extensions/CommunityRequests@master] Invalidate cache when changing lang, and make base_lang rewritable

https://gerrit.wikimedia.org/r/1207208

mikez-WMF reassigned this task from GMikesell-WMF to HMonroy.
mikez-WMF triaged this task as Medium priority.
mikez-WMF moved this task from Backlog - groomed to QA on the Community-Tech (Sea Lion Squad) board.

@HMonroy The good thing looks like the RTL issue is fixed in AC1. The issue now is, why is my new FA is not showing in Community_Wishlist/Focus_areas, as seen in the AC2 video? Let me know if you want me to create a separate task for this or keep it here.

Test Result - Meta Beta

Status: ✅ PASS ❌ FAIL
Environment: Meta Beta
OS: macOS Tahoe 26.2
Browser: Chrome 143
Device: MBA
Emulated Device: NA

Test Artifact(s):

https://meta.wikimedia.beta.wmcloud.org/wiki/Community_Wishlist/FA23

Test Steps

Test Case 1: Ensure newly created Hebrew Focus Area renders in RTL on initial load in index view

  1. Navigate to Special:EditFocusArea.
  2. Change the interface language to Hebrew.
  3. Create a new Focus Area using Hebrew text in all available fields.
  4. Submit the Focus Area.
  5. Wait approximately 15 seconds to allow data propagation.
  6. Navigate to the Focus Area Cards view (for example, Community_Wishlist/Focus_areas).
  7. Locate the newly created Focus Area card.
  8. 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

  1. From the Focus Area Cards view, click the newly created Hebrew Focus Area card.
  2. Observe the layout and text direction on the Focus Area page.
  3. Navigate back to the Focus Area Cards view and refresh the page.
  4. Observe the same Focus Area card again.
  5. 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.

UPDATE: T409322#11585204

How come I don't see the new FA card on Community_Wishlist/Focus_areas?

GMikesell-WMF changed the task status from Open to In Progress.Wed, Feb 4, 6:32 PM
GMikesell-WMF updated the task description. (Show Details)
GMikesell-WMF moved this task from QA to In Development on the Community-Tech (Sea Lion Squad) board.

@HMonroy I will mark this task as Resolved but I created T416522, regarding the other issue. Thanks for all your work!

GMikesell-WMF updated the task description. (Show Details)
GMikesell-WMF updated Other Assignee, removed: GMikesell-WMF.