AOSSIE-Org / AOSSIE-Org/EduAid
[BUG]: GitHub stars button has oversized clickable area causing unintended navigation
- 主要言語
- JavaScript
- スター
- 171
- フォーク
- 425
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
## Bug Description
## Problem
The GitHub stars button on the Home page uses ``
which makes the entire width of the page a clickable link. Clicking anywhere in the
bottom section of the page — even outside the visible button — opens the GitHub
repository in a new tab unintentionally.
## Steps to Reproduce
1. Open the EduAid web app
2. Navigate to the Home page
3. Click anywhere in the lower portion of the page outside the GitHub stars button
4. GitHub repository opens unintentionally
## Expected Behavior
Only clicking directly on the GitHub stars button should open the GitHub repository.
## Actual Behavior
The entire bottom area of the page is clickable and triggers GitHub navigation.
## Root Cause
The `` tag has `className="group block mt-10"` — the `block` class makes it
full-width, expanding the clickable area far beyond the visible button.
## Proposed Fix
Wrap the `` in a centered `div` and use `inline-block` so only the button itself
is clickable.
## Environment
- Browser: Chrome
- Component: `eduaid_web/src/pages/Home.jsx`
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
評価
この issue はまだ評価されていません。