processing / processing/p5.js-web-editor

Bug: Missing translation in MobileNav Language Select Overlay

Open
#3,928 3 comments 0 reactions 1 assignee View on GitHub

@pranjal270 is already working on this.

Since Feb 24, 2026.

Area: Translation Bug
Dominant language
JavaScript
Stars
1.7k
Forks
1.7k
Avg merge
3d 4h
Merged PRs (30d)
8

Description

p5.js version

No response

What is your operating system?

Windows

Web browser and version

Version 145.0.7632.111

Actual Behavior

In the mobile view of the editor, when opening the 3-dot "More" menu and selecting "Language", the resulting Overlay modal has a hardcoded English string: "Select Language" for its title. Because this is hardcoded, it ignores the user's currently active language setting and will always display in English. This was explicitly marked with a // TODO: add translations by the original developer in MobileNav.jsx (line 385).

Image
Expected Behavior

The overlay title should use the t() translation hook for localization so the popup title translates properly when the editor language is changed to Spanish, Hindi, etc.

Steps to reproduce
Steps:
  1. Open the p5.js Web Editor on a mobile viewport (or shrink the browser window).
  2. Open account settings and change the language to anything other than English.
  3. Click the 3-dot "More" menu (⋮) in the top right.
  4. Click "Language".
  5. Observe that the overlay title says "Select Language" in English instead of the translated string.
Snippet:
// client/modules/IDE/components/Header/MobileNav.jsx (line 385)
<Overlay
  // TODO: add translations
  title="Select Language"
  ariaLabel="Select Language"
  closeOverlay={() => setIsLanguageModalVisible(false)}
>

**I would like to work on this issue and submit a PR fixing it!**

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.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.