thunderbird / thunderbird/thunderbird-website

RTL navigation alignment

Open
#855 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
HTML
Stars
298
Forks
118
Avg merge
1d 14h
Merged PRs (30d)
4

Description

For right-to-left languages and layouts, the dropdown menu panels open out of reach away from the item hovered:

https://github.com/user-attachments/assets/7d81aeee-6638-40d9-bc39-ab0ecae022e0

Luckily the nav's not hover only, so clicking the menu item pins the panel open so the pointer can be moved to the other side and interacted with the dropdown items.

(It would seem as there's the clamp to not open the panels outside the viewport, it restricts the dropdowns on the right side if they exceed the viewport, whereas for RTL layouts this might need sticking to the left side.)

There's also a tiny alignment mismatch in footer nav for RTL layout:

footer

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the RTL dropdown behavior and footer navigation mismatch shown in the attached images, then trace the navigation layout and viewport-clamping behavior. Done means dropdown panels open within reach for RTL layouts and the footer navigation aligns correctly.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.