[full-ci] Add keyboard selection / navigation

[lookacat]

Description

See #6029

Needs:
owncloud/owncloud-design-system#2218

Related Issue

• Fixes efficient selection of multiple files #6029

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Technical debt
• Tests

Checklist:

• Code changes
• Unit tests added
• Acceptance tests added
• Documentation ticket raised:

[update-docs]

Thanks for opening this pull request! The maintainers of this repository would appreciate it if you would create a changelog item based on your changes.

[JammingBen]

Issues I've found while testing:

• When navigating via arrow keys and exceeding the list (e.g. when my selection is on the last resource, and I keep pressing the down key), then the selection vanishes, but the outline still persists on the last element. When clicking up again, the resource above gets selected:

Bildschirmaufnahme.2022-06-24.um.10.53.44.mov

• When selecting multiple resources via "shift+mouseclick" that are above the first selection, the selected row (outline) does not jump to the last clicked element (I am shift-clicking on "222222.md" in the clip).

Bildschirmaufnahme.2022-06-24.um.10.56.12.mov

[ownclouders]

Results for e2e-tests oC10 https://drone.owncloud.com/owncloud/web/26568/11/1

💥 To see the trace, please open the link in the console ...

npx playwright show-trace https://cache.owncloud.com/public/owncloud/web/26568/tracing/file-alice-2022-6-30-03-14-51.zip

npx playwright show-trace https://cache.owncloud.com/public/owncloud/web/26568/tracing/file-brian-2022-6-30-03-14-57.zip

[tbsbdr]

uha, this adds so much usability to ownCloud web 💌

I have one thing I want to request to change:

Scroll with selected focus:

Current behavior:

1. upload ~100 items in one folder
2. select the first item
3. hit ⬇️ about 20 times
4. focused item is not visible in the viewport

screenie_Brave.Browser_2022-06-29_at_13-30-40-converted.mp4

Expected behavior

1. upload ~100 items in one folder
2. select the first item
3. hit ⬇️ about 20 times
4. focused item is visible in the viewport: user always sees the current focused item

screenie_Brave.Browser_2022-06-29_at_13-27-08-converted.mp4

[sonarcloud]

SonarCloud Quality Gate failed.   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
2 Code Smells

16.7% Coverage
0.0% Duplication

[kulmann]

LGTM 👍

Outdated