Esc: gaps in tooltip and notification dismissal

オープン
#942 コメント 0 件 リアクション 0 件 担当者 1 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@fateeand がすでに取り組んでいます。

2026年11月4日 から。

  • #943 @fateeand による — オープン

評価

この issue はまだ評価されていません。

説明

accessibility bug library

Problem

Three gaps in the Esc handling added in #925 and #931:

  • A tooltip reopens after Esc. While the target has keyboard focus, move the pointer off and back onto it twice within tooltipOpenDelay, then press Esc. The tooltip closes, then shows again.
  • Esc closes the tooltip instead of a newer notification. A notification shown after a tooltip opened should take the Esc first. It does when its container is new, but not when it is added to a container that is already open and on top.
  • Esc from a closed tree-select doesn't close notifications. With focus on a closed cps-tree-select, Esc leaves open notifications as they are.

Cause

  • cpsTooltip onMouseEnter() schedules a new show timer without clearing the pending one, and Esc clears only the latest.
  • cpsTooltip recognizes an overlay opened after it by its element and z-index. A container that is already on top keeps both when a notification is added.
  • cps-tree-select onKeyDown() calls preventDefault() for every key except Tab, including Esc while the options are closed. The notification service skips an Esc that is already handled.

Proposal

  • Clear the pending show timer before scheduling another.
  • Let the notification container record each added notification, and have the tooltip compare that with what it saw when it showed.
  • Mark Esc as handled in tree-select only when it closes the options, like cps-tree-autocomplete.
主要言語
TypeScript
スター
9
フォーク
8
平均マージ
1日 1時間
マージ済み PR(30日)
23

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

AbsaOSS/cps-shared-ui のほかの issue

AbsaOSS/cps-shared-ui の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。