Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

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

Đang mở
#1,484 3 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 7 ngày

@emmzydagreat đang làm issue này rồi.

Từ ngày 27/9/2026.

Đánh giá

Issue này chưa được đánh giá.

Mô tả

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.
Ngôn ngữ chính
TypeScript
Star
18
Fork
250
Merge trung bình
5 ngày 6 giờ
Pull request đã merge (30 ngày)
82

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của LabsCrypt/flowfi

Tất cả issue của LabsCrypt/flowfi

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.