fix(UI): shortcut popover overflows
I maintainer di solito rispondono entro 1 giorno
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 68/100
- Tipo di issue
- Bug
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Attiva
- Stack tecnologico
- nextjs, tailwindcss, typescript
- Ambito
- frontend
Direzione di ricerca
Trova la vista dello strumento Base64 e il popover delle scorciatoie aperto dal pulsante ⌨ Shortcuts. Esamina come viene posizionato il popover rispetto al pulsante e confronta la sua posizione con il viewport a una larghezza desktop. Il lavoro è completato quando il popover e tutte le etichette delle scorciatoie rimangono visibili nel viewport; l’issue fornisce i passaggi per riprodurre il problema, ma non indica alcun file di test.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Which tool?
Base64
What happened?
Description
On desktop/laptop viewports, clicking the ⌨ Shortcuts button opens a popover card that is misaligned and overflows off the left edge of the screen. As a result, the action labels adjacent to the keyboard shortcuts (e.g., next to Ctrl Enter, Ctrl Shift S) are cut off and unreadable.
Steps to Reproduce
- Navigate to Base64 tool view
- Click the ⌨ Shortcuts button.
- Observe the left-hand position of the popover card.
Expected Behavior
The shortcut menu should be positioned relative to the button (e.g., aligned with the button's start) or constrained with proper viewport padding so all shortcut keys and text labels remain fully visible.
Actual Behavior
The popover renders too far to the left, clipping outside the visible viewport.
Screenshot
- the left part of the shortcut popover is not visible in the image
Environment
- OS: Windows
- Device: Laptop
- Browser: Chrome / Brave/Edge
- Resolution: 1080p (Default zoom)
I have reproduced this issue locally and would like to work on this issue . Could you please assign this to me?. So that i start contributing to codercops
Browser and OS
Chrome , Edge , Brave on Windows
Checks
- I searched existing issues and this is not a duplicate.
- This does not include a real secret or token in the reproduction.
- Lingua principale
- TypeScript
- Stelle
- 1
- Fork
- 9
- Merge medio
- 7h 34m
- PR unite (30g)
- 146
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di codercops/toolbelt
-
Cron explainer says "on weekdays" for `0 0 1-31 * 1-5`, but the next runs include weekendsForse già presa @Saifjafri212213 l’ha presa 1 giorno fa. Apertabug hacktoberfest help wanted
codercops/toolbelt#329 · 2 commenti · 1 assegnatario ·
I maintainer di solito rispondono entro 1 giorno
-
UUID generator's v7 batch comes out in random order instead of time orderForse già presa @omisha123 l’ha presa 1 giorno fa. Apertabug good first issue hacktoberfest
codercops/toolbelt#316 · 3 commenti · 1 assegnatario ·
I maintainer di solito rispondono entro 1 giorno
-
Invoice generator shows a subtotal of -$0.00 when the line items cancel outForse già presa @shresthgoel77-png l’ha presa 1 giorno fa. Apertabug good first issue hacktoberfest
codercops/toolbelt#315 · 2 commenti · 1 assegnatario ·
I maintainer di solito rispondono entro 1 giorno
-
JSON formatter's "Did you mean" hint reads inside strings, so a missing comma near a URL says to remove commentsForse già presa @kachamsiddarth l’ha presa 1 giorno fa. Apertabug good first issue hacktoberfest
codercops/toolbelt#314 · 2 commenti · 1 assegnatario ·
I maintainer di solito rispondono entro 1 giorno
-
Base64 decode error points at the wrong character when the input has spaces or line breaksForse già presa @Aaqibhafeezkhan l’ha presa 1 giorno fa. Apertabug good first issue hacktoberfest
codercops/toolbelt#310 · 2 commenti · 1 assegnatario ·
I maintainer di solito rispondono entro 1 giorno
Tutte le issue di codercops/toolbelt
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
awesome-dsh-plugin/awesome-dsh-plugin#9184 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100
farion1231/cc-switch#8829 ·
I maintainer di solito rispondono entro 1 giorno
-
[core-client] Remove unused hand-maintained transport helpers after the definition-table cutoverApertadoc-audit enhancement
Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100