cpsTooltip: can't be dismissed with Escape or hovered over (WCAG 1.4.13)
维护者通常 1 天内回复
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 70/100
- Issue 类型
- 缺陷
- 描述清晰度
- 描述清楚
- 活跃度
- 活跃
- 技术栈
- angular, typescript
调研方向
Start in projects/cps-ui-kit/src/lib/directives/cps-tooltip/cps-tooltip.directive.ts: the host bindings around lines 38-48, onMouseLeave(), and _positionAndShow(), where popup listeners are added only for persistent tooltips. Add an Escape handler for hover, focus and trigger cases, and mouseenter/mouseleave handling on the popup so a pending hide is cancelled. Done when the Playwright spec in playwright/cps-ui-kit/directives/cps-tooltip.spec.ts covers Escape dismissal and hovering over the tooltip, and persistent, click and focus behaviour is unchanged.
由索引模型根据 Issue 内容生成。
描述
Problem
cpsTooltip doesn't meet WCAG 1.4.13 (Content on Hover or Focus) with its default settings (tooltipOpenOn="hover", tooltipPersistent=false):
- Not dismissible: pressing Escape doesn't close an open tooltip. Users have to move the pointer or focus away from the trigger to hide content that may cover other parts of the page.
- Not hoverable: moving the pointer from the trigger onto the tooltip closes it after
tooltipCloseDelay(300 ms). Users can't keep the tooltip open while reading it or while zooming in on it.
Found in AUL on the Dashboard: truncated domain-card titles show the full name in a cpsTooltip. On hover or keyboard focus, Escape leaves the tooltip open, and moving the pointer onto the tooltip makes it disappear.
Where
projects/cps-ui-kit/src/lib/directives/cps-tooltip/cps-tooltip.directive.ts:38-48: the host bindings have no Escape key handler.cps-tooltip.directive.tsonMouseLeave(): always schedules_destroyTooltipfor non-persistent tooltips.cps-tooltip.directive.ts_positionAndShow(): popup listeners (focusout,keydown) are only added for persistent tooltips. None of them aremouseenter/mouseleavelisteners, so hovering over the popup can't cancel the pending hide.
Acceptance criteria
- Pressing Escape while the trigger or the tooltip has focus, or while the tooltip is shown on hover, closes the tooltip. Focus stays where it was, and nothing else on the page handles that Escape press.
- Moving the pointer from the trigger onto a visible tooltip keeps it open. It closes after
tooltipCloseDelayonce the pointer leaves both the trigger and the tooltip. - The current behaviour for persistent, click-opened and focus-opened tooltips stays the same, apart from the new Escape dismissal.
- Playwright tests in
playwright/cps-ui-kit/directives/cps-tooltip.spec.tscover Escape dismissal and hovering over the tooltip.
- 主要语言
- TypeScript
- 星标
- 9
- 派生
- 8
- 平均合并
- 1 天 1 小时
- 30 天内合并 PR
- 23
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
AbsaOSS/cps-shared-ui 的其他 Issue
-
难度 2/5 1-3 小时 新手友好度 62/100
AbsaOSS/cps-shared-ui#875 ·
维护者通常 1 天内回复
-
InputComponent - expand type beyond text/number/password可能重新可做 关联的 PR 已关闭且未合并。 未关闭enhancement library
难度 1/5 1 小时以内 新手友好度 85/100
AbsaOSS/cps-shared-ui#644 ·
维护者通常 1 天内回复
-
cps-table/tree-table: changing rows-per-page on an empty table doesn't emit可能已有人在做 @lukasmatta 于 3 天前认领。 未关闭bug library
AbsaOSS/cps-shared-ui#944 · 已指派 1 人 ·
维护者通常 1 天内回复
-
Esc: gaps in tooltip and notification dismissal可能已有人在做 @fateeand 于 4 天前认领。 未关闭accessibility bug library
AbsaOSS/cps-shared-ui#942 · 已指派 1 人 ·
维护者通常 1 天内回复
-
难度 4/5 3-5 天 新手友好度 35/100
AbsaOSS/cps-shared-ui#940 ·
维护者通常 1 天内回复
查看 AbsaOSS/cps-shared-ui 的全部 Issue
相似的 Issue
-
难度 1/5 1-3 小时 新手友好度 88/100
danielw-sudo/agentuto#63 ·
维护者通常 1 天内回复
-
idea-scout idea:341
难度 2/5 1-3 小时 新手友好度 76/100
jeanibarz/agent-notebook#341 ·
维护者通常 1 天内回复
-
documentation good first issue roadmap
难度 1/5 1-3 小时 新手友好度 68/100
维护者通常 1 天内回复
-
type:bug
难度 2/5 1-3 小时 新手友好度 72/100
nightgauge/nightgauge#3077 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 78/100
LibreChat-AI/LibreChat#17915 ·
维护者通常 1 天内回复