Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

[Frontend] Support Escape key and click-outside backdrop dismissal for BatchClaimDrawer

Abierto
  • ¿Algo no está bien?
#1,484 3 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 7 días

@emmzydagreat ya está trabajando en esto.

Desde el 27/9/2026.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

a11y drips-wave frontend good-first-issue Stellar Wave

Overview

The recently added BatchClaimDrawer does not listen for the Escape keyboard key or dismiss cleanly when clicking outside the drawer overlay on desktop viewports.

Problem

  • Keyboard-only power users cannot close the drawer using standard modal accessibility conventions (Escape key).
  • Clicking the darkened backdrop behind the drawer does not trigger close.

Proposed Changes

  1. Attach keydown event listener for e.key === "Escape" inside frontend/src/components/dashboard/BatchClaimDrawer.tsx.
  2. Add click handler to the backdrop overlay to invoke onClose().

Acceptance Criteria

  • Pressing Escape closes the drawer.
  • Clicking outside the drawer closes it without executing any claims.
  • Test added in frontend/src/__tests__/batch-claim-drawer.test.tsx.
Lenguaje dominante
TypeScript
Estrellas
18
Forks
250
Merge medio
5 d 6 h
PR fusionados (30 d)
85

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de LabsCrypt/flowfi

Todos los issues de LabsCrypt/flowfi

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.