Page MenuHomePhabricator

Address for Special:EventDetails mobile breakpoint on LTR wiki should be left justified when using a RTL language
Open, Needs TriagePublic

Description

When I am viewing Event Details page in a mobile breakpoint, and the event on a LTR wiki, but the address is in a RTL language, then the formatting looks wrong. The address should be left justified.

See screenshot (needs fixed)

Screenshot 2025-11-17 at 2.23.45 PM.png (1×1 px, 243 KB)

Can test with this event: https://en.wikipedia.beta.wmcloud.org/wiki/Special:EventDetails/1265

Event Timeline

vaughnwalters renamed this task from In mobile breakpoint to Address for mobile breakpoint on LTR wiki needs formatted correctly when using a RTL language.Nov 17 2025, 8:32 PM
vaughnwalters renamed this task from Address for mobile breakpoint on LTR wiki needs formatted correctly when using a RTL language to Address for mobile breakpoint on LTR wiki should be left justified when using a RTL language.
vaughnwalters updated the task description. (Show Details)
vaughnwalters renamed this task from Address for mobile breakpoint on LTR wiki should be left justified when using a RTL language to Address for Special:EventDetails mobile breakpoint on LTR wiki should be left justified when using a RTL language.Nov 17 2025, 8:34 PM

The address element is occupying the entire width of the container, which is why it looks weird. Perhaps we could limit it so that it doesn't grow more than necessary (e.g. with width: fit-content). But it may also be a good moment to reconsider the entire markup, because the country name should no longer be inside the dir=... block, now that we show it in the user language.