fix(UI): shortcut popover overflows
Los mantenedores suelen responder en 1 día
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 68/100
- Tipo de issue
- Error
- Claridad
- Bien especificado
- Estado de actividad
- Activo
- Stack tecnológico
- nextjs, tailwindcss, typescript
- Área
- frontend
Línea de trabajo
Encuentra la vista de la herramienta Base64 y el popover de atajos que se abre con el botón ⌨ Shortcuts. Inspecciona cómo se posiciona el popover en relación con su botón y compara su ubicación con el viewport en un ancho de escritorio. Se considera resuelto cuando el popover y todas las etiquetas de los atajos permanecen visibles dentro del viewport; el issue proporciona pasos para reproducirlo, pero no menciona ningún archivo de pruebas.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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.
- Lenguaje dominante
- TypeScript
- Estrellas
- 1
- Forks
- 9
- Merge medio
- 7 h 34 min
- PR fusionados (30 d)
- 146
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de codercops/toolbelt
-
Cron explainer says "on weekdays" for `0 0 1-31 * 1-5`, but the next runs include weekendsPosiblemente ocupada @Saifjafri212213 la tomó hoy. Abiertobug hacktoberfest help wanted
codercops/toolbelt#329 · 2 comentarios · 1 asignado ·
Los mantenedores suelen responder en 1 día
-
UUID generator's v7 batch comes out in random order instead of time orderPosiblemente ocupada @omisha123 la tomó hoy. Abiertobug good first issue hacktoberfest
codercops/toolbelt#316 · 3 comentarios · 1 asignado ·
Los mantenedores suelen responder en 1 día
-
Invoice generator shows a subtotal of -$0.00 when the line items cancel outPosiblemente ocupada @shresthgoel77-png la tomó hoy. Abiertobug good first issue hacktoberfest
codercops/toolbelt#315 · 2 comentarios · 1 asignado ·
Los mantenedores suelen responder en 1 día
-
JSON formatter's "Did you mean" hint reads inside strings, so a missing comma near a URL says to remove commentsPosiblemente ocupada @kachamsiddarth la tomó hoy. Abiertobug good first issue hacktoberfest
codercops/toolbelt#314 · 2 comentarios · 1 asignado ·
Los mantenedores suelen responder en 1 día
-
Base64 decode error points at the wrong character when the input has spaces or line breaksPosiblemente ocupada @Aaqibhafeezkhan la tomó hoy. Abiertobug good first issue hacktoberfest
codercops/toolbelt#310 · 2 comentarios · 1 asignado ·
Los mantenedores suelen responder en 1 día
Todos los issues de codercops/toolbelt
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
braintrustdata/braintrust-sdk-javascript#2659 ·
Los mantenedores suelen responder en 1 día
-
body-parser 2.3.0 in the published ai-dial-chat-bff image is vulnerable (CVE-2026-111181, HIGH)Posiblemente ocupada @illya-havsiyevych la tomó hoy. Abiertobug
Dificultad 1/5 1-3 horas Aptitud para principiantes 87/100
epam/ai-dial-chat#9566 ·
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 83/100
Los mantenedores suelen responder en 1 día
-
はさみアイコンを修正するAbiertobug
Dificultad 1/5 Menos de una hora Aptitud para principiantes 68/100
-
resource.reload() while params is in error switches the resource to 'idle' instead of retryingAbiertoarea: core
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día