Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[Bug]: Preview annotation comments do not support RTL text direction

Chiusa Adatta ai principianti
  • Qualcosa non va?
#4,644 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@abdelrhmanehab10 ci sta già lavorando.

Dal 9/9/2026.

  • #10999 di @abdelrhmanehab10 — chiusa senza merge
  • #11005 di @abdelrhmanehab10 — aperta
  • #16747 di @haithamassoli44 — aperta

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
78/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Tranquilla
Stack tecnologico
typescript
Ambito
desktop, frontend

Direzione di ricerca

Inizia in apps/desktop/src/preview/PickPreload.ts intorno alle righe 414-419, dove viene creata l’area di testo dell’annotazione. Riproduci il problema con un commento in arabo su una pagina LTR, quindi esamina come l’overlay dell’annotazione riceve la direzione dal documento ispezionato. Il lavoro è completato quando il testo dei commenti RTL e a direzione mista viene visualizzato correttamente, mentre la barra degli strumenti e i controlli dell’editor mantengono un layout stabile.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Area

apps/desktop

Summary

Arabic and other RTL comments in the browser annotation editor use the inspected page's text direction instead of the comment's own content. On a normal LTR page, the RTL comment is aligned incorrectly; on an RTL page, the entire annotation toolbar is mirrored.

Steps to reproduce
  1. Open any left-to-right page in the T3 Code desktop browser panel, for example https://example.com.
  2. Click Annotate preview.
  3. Select any element so the annotation comment editor appears.
  4. Type an Arabic comment, for example كبّر هذا العنوان.
Expected behavior

The comment field should infer direction from the entered text. Arabic, Hebrew, Persian, and other RTL comments should start from the right and preserve readable bidirectional ordering.

The annotation toolbar and editor controls should keep their own stable layout regardless of the inspected page's direction.

Actual behavior

The annotation comment field inherits the inspected page's direction:

  • On an LTR page, Arabic annotation text remains in an LTR field and is aligned/ordered incorrectly.
  • On an RTL page, the comment flows RTL, but the annotation chrome is also mirrored, including the tool order and Attach button placement.

This couples the annotation UI to the host document instead of handling the comment direction independently.

Impact

Minor bug or occasional failure. RTL users can enter a comment, but the field is awkward to edit and mixed RTL/LTR content such as URLs, selectors, and code tokens can be displayed in the wrong visual order.

Version or commit

Reproduced on 0.0.29-nightly.20260724.893 (ece05087a70e).

Environment

T3 Code desktop nightly, Linux/X11, Electron.

Screenshots, recordings, or supporting files

Actual behavior on an LTR page: the short Arabic comment is anchored to the left side of the field.

Arabic annotation comment remains LTR on an LTR page

Diagnostic control with the host page set to RTL: the same comment moves to the right, but the toolbar order and Attach button also reverse. This shows that the annotation overlay inherits direction from the inspected page.

Forcing the host page to RTL also mirrors annotation controls

Related but not duplicate: #1771 is a broad proposal for bidi-ready renderer styling and message bodies. This report is narrowly about the desktop preview annotation overlay and its comment textarea.

Technical note

Current main at 5719e8ac4020 creates the annotation <textarea> without a dir attribute. Giving the comment field content-based direction such as dir="auto", while explicitly isolating the annotation chrome from the host document direction, appears to be the smallest relevant scope.

Workaround

No practical per-comment workaround. Temporarily changing the inspected document's root direction to RTL also changes the page and annotation controls.

Lingua principale
TypeScript
Stelle
24.8k
Fork
6.4k
Merge medio
11h 33m
PR unite (30g)
312

Preparare l'ambiente

Apri in Codespaces

Avvia il container di sviluppo del progetto nel browser, con il tuo account GitHub.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di pingdotgg/t3code

Tutte le issue di pingdotgg/t3code

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.