[MGNLUI-3105] Keyboard focus should only move the focus, not the selection Created: 15/Aug/14  Updated: 29/Apr/19  Resolved: 29/Apr/19

Status: Closed
Project: Magnolia UI
Component/s: tree/list, user interaction
Affects Version/s: 5.3.12, 5.4.4
Fix Version/s: None

Type: Improvement Priority: Neutral
Reporter: Andreas Weder Assignee: Unassigned
Resolution: Obsolete Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Quick-edit item 1.png     PNG File vaadin-grid-multiselect.png    
Issue Links:
dependency
depends upon MGNLUI-3992 Replace Vaadin's Table and TreeTable ... Closed
depends upon MGNLUI-4974 Implement keyboard navigation in tabu... Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Date of First Response:
Epic Link: UI framework: grids and browsing
Story Points: 3

 Description   

When you work with the keyboard in any view, we currently move the selection if you use the arrow keys to navigate. This prevents me from multi-selecting non-adjacent rows. It's also an uncommon pattern for complex webapps such as ours.

I'd like to change that behavior in that we move the focus/row highlight only, if you use the arrow keys, and no longer the actual selection. To select the currently highlighted element, we press the "SPACE" key.

This benefits the plans for broader keyboard support in our webapp. It will allow us to multi-select non-adjacent rows with the keyboard. This not only benefits users preferring to use the keyboard but also effectively enables people with disabilities.

UPD
This is the default behaviour for the Grid components and should be fairly easy to implement, just the selection models have to be configured correctly.a



 Comments   
Comment by Andreas Weder [ 24/Nov/15 ]

Added a mockup showing the basic keyboard commands to move the focus (arrow keys) and the select and deselect an item (SPACE).

Comment by Roman Kovařík [ 29/Apr/19 ]

Closing as new framework's grid behaves like this.

Generated at Mon Feb 12 09:03:16 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.