Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

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

未关闭
#1,484 3 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 7 天内回复

@emmzydagreat 已经在做这个了。

开始于 2026年9月27日。

评估

这个 Issue 还没有评估数据。

描述

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.
主要语言
TypeScript
星标
18
派生
250
平均合并
5 天 5 小时
30 天内合并 PR
83

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

LabsCrypt/flowfi 的其他 Issue

查看 LabsCrypt/flowfi 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。