javascript-tutorial / javascript-tutorial/server

UX problem when clicking topic links in RTL languages

オープン
#104 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
JavaScript
スター
475
フォーク
149
PR マージ指標
30日以内にマージされた PR はありません

説明

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.

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

添付のGIFを使ってRTLのトピックリンクの問題を再現し、その後、トピックリンクとその`before`疑似要素の配置を調査します。RTL言語で表示されているリンク全体をクリックでき、通常どおり遷移できれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript
領域
frontend
issue の種類
バグ
難易度
2/5
見積もり時間
1〜3時間
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
38/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。