acl-services / acl-services/paprika

Listbox Browser focus rings plus other minor visual fixes

未關閉
#338 2 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視
Feature Request
主要語言
JavaScript
星號
54
分支
10
平均合併
1 天 12 小時
30 天內合併 PR
6

描述

# Bug Report
Currently, our listbox browser has a lot of "extra" focus rings that make it confusing to use and very noisy. The majority of these bugs impact this component's usability while some are visual improvements. The usability bugs are must-have and the visual bugs are nice to haves.

[Please see Confluence doc for all screenshots](https://aclgrc.atlassian.net/wiki/spaces/UX/pages/662410769/Listbox+Browser+Component+Review+11+22+2019).

## Usability bugs

### Both Single and Multi-select
1. Extra container focus
2. Auto-focus first item

### Single select
7. Don’t jump selections

### Multi-select
8. What appears to be 2 focus on elements

## Visual bugs

### Both Single and Multi-select
3. Selected options background grey
4. Back button
5. Trashbin

### Single select
6. Hover style on >

### Multi-select
9. Hover style on >

貢獻指南

這個儲存庫沒有索引到貢獻指南

研究方向

The issue targets the Listbox Browser component and lists separate single- and multi-select focus/visual problems. No specific files, tests, or commands are provided. Start by locating the Listbox Browser implementation and its styling in the repo, then reproduce each numbered behavior (focus rings, auto-focus, selection jump, duplicate focus, hover/background issues). Consider it done when each listed item is corrected in the relevant mode(s) and the component behavior matches expected usability.

由索引模型根據 Issue 內容生成。

評估

技術堆疊
javascript, react
領域
frontend
Issue 類型
缺陷
難度
3/5
預估耗時
1-2 天
活躍度
停滯
描述清晰度
基本清楚
新手友好度
46/100

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。