javascript-tutorial / javascript-tutorial/server

UX problem when clicking topic links in RTL languages

Offen
#104 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
JavaScript
Sterne
475
Forks
149
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

There is a UX problem When clicking on topic links in **RTL** languages. It's impossible to click and navigate unless you move the mouse cursor to the link's margin which I think is a bad user experience.
I have uploaded a GIF to show the problem.
![js_info_link_problem](https://github.com/javascript-tutorial/server/assets/31184237/5423b6cd-6709-4386-9ec8-63e5ba6bbd53)

As I inspected it, it seems like the `before` pseudo element's position is not handled correctly.
I can make a PR to fix it.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

Reproduziere das RTL-Problem mit dem Topic-Link anhand des angehängten GIFs und untersuche anschließend den Topic-Link sowie die Positionierung seines `before`-Pseudoelements. Die Aufgabe ist abgeschlossen, wenn der gesamte sichtbare Link anklickbar ist und in RTL-Sprachen normal navigiert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
38/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.