javascript-tutorial / javascript-tutorial/server

UX problem when clicking topic links in RTL languages

Open
#104 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
475
Forks
149
PR merge metrics
No merged PRs in 30d

Description

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.

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the RTL topic-link problem using the attached GIF, then inspect the topic link and its `before` pseudo-element positioning. Done means the full visible link is clickable and navigates normally in RTL languages.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.