Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Checkbox-Auswahl bei Tabellen mit Pfeiltasten Fokus wechseln/verschieben #6567

Closed
deleonio opened this issue Jun 24, 2024 · 2 comments · Fixed by #6699
Closed

Checkbox-Auswahl bei Tabellen mit Pfeiltasten Fokus wechseln/verschieben #6567

deleonio opened this issue Jun 24, 2024 · 2 comments · Fixed by #6699
Assignees
@anicyne
Labels
v2

Comments

@deleonio
Copy link
Contributor

deleonio commented Jun 24, 2024 •
edited
Loading

Die Steuerung mit Pfeiltasten oben/unten darf nur gehen, wenn der Fokus genau auf der internen Checkboxen/Radio-Buttons steht. Dann wechselte der Fokus zur/m vorhergehenden oder nächsten Checkbox/Radio-Button.

Zusatz: Wenn die erste Checkbox fokussiert ist und die Pfeiltaste nach oben gedrückt wird, dann wird die letzte Checkbox fokussiert. Und umgekehrt.

Input: #6431 (comment)

Ergänzung

Wir möchten sicherstellen, dass die Pfeiltasten-Navigation in einer Tabelle nur zwischen Checkboxen funktioniert, wenn sich der Fokus bereits auf einer Checkbox befindet. Dazu soll ein weiteres interaktives Element (z.B. ein Button oder ein Textfeld) in den Tabellenzeilen hinzugefügt werden, um zu überprüfen, dass die Pfeiltasten-Navigation nur bei den Checkboxen greift und nicht bei anderen interaktiven Elementen.

Anforderung:
@deleonio deleonio converted this from a draft issue Jun 24, 2024
@deleonio deleonio mentioned this issue Jun 24, 2024
Closed
1 task
@deleonio deleonio changed the title Nice2Have: Checkbox-Auswahl bei Tabellen mit Pfeiltasten fokussierbar (_varant, Varianten) Checkbox-Auswahl bei Tabellen mit Pfeiltasten Fokus wechseln/verschieben Jul 31, 2024
@deleonio deleonio moved this from Backlog to 📄 Ready in KoliBri Board Jul 31, 2024
@deleonio deleonio added the v2 label Jul 31, 2024
@anicyne anicyne self-assigned this Aug 1, 2024
@anicyne anicyne moved this from 📄 Ready to 🏗 In progress in KoliBri Board Aug 2, 2024
@anicyne anicyne moved this from 🏗 In progress to 📄 Ready in KoliBri Board Aug 2, 2024
@anicyne anicyne moved this from 📄 Ready to 🏗 In progress in KoliBri Board Aug 2, 2024
anicyne added a commit that referenced this issue Aug 5, 2024
@anicyne
Add keyboard navigation in table-stateless
d0d8406 
Refs: #6567
@anicyne anicyne mentioned this issue Aug 5, 2024
Merged
@anicyne anicyne linked a pull request Aug 5, 2024 that will close this issue
Add keyboard navigation in table-stateless #6699
Merged
anicyne added a commit that referenced this issue Aug 5, 2024
@anicyne
detect the currently focused element using tableDivElement
9ec75c1 
Refs: #6567
anicyne added a commit that referenced this issue Aug 5, 2024
@anicyne
detect the currently focused element using tableDivElement
232d574 
Refs: #6567
anicyne added a commit that referenced this issue Aug 5, 2024
@anicyne
Fix Typescript linting errors
1d07334 
Refs: #6567
@anicyne anicyne moved this from 🏗 In progress to 🔍 Review in KoliBri Board Aug 5, 2024
@anicyne anicyne moved this from 🔍 Review to 🕒 Waiting in KoliBri Board Aug 6, 2024
@anicyne
Copy link
Contributor

anicyne commented Aug 6, 2024

Bitte warten, bis #6617 abgeschlossen ist.

@deleonio deleonio moved this from 🕒 Waiting to 🏗 In progress in KoliBri Board Sep 10, 2024
anicyne added a commit that referenced this issue Sep 10, 2024
@anicyne
Fix keyboard navigation
e7c0e84 
Refs: #6567
anicyne added a commit that referenced this issue Sep 10, 2024
@anicyne
Merge branch 'develop' of https://github.com/public-ui/kolibri into 6…
4bb7a19 
…567-checkbox-focus-navigation

Refs: #6567
anicyne added a commit that referenced this issue Sep 10, 2024
@anicyne
Fix keyboard navigation
059590b 
Refs: #6567
anicyne added a commit that referenced this issue Sep 10, 2024
@anicyne
Fix keyboard navigation
913606f 
Refs: #6567
@deleonio deleonio moved this from 🔍 Review to 🏗 In progress in KoliBri Board Sep 16, 2024
@deleonio
Copy link
Contributor Author

@anicyne Danke ich habe das ausprobiert und es funktioniert wunderbar. Kannst du bitte noch bei den Beispielen ein in jeder Zeile ein Link oder ein Button einfügen. Mehr Details siehe Ticketbeschreibung oben "Ergänzung"

anicyne added a commit that referenced this issue Sep 17, 2024
@anicyne
Add interactive buttons in tables
e8241dd 
Refs: #6567
@sdvg sdvg moved this from 🔍 Review to 🏗 In progress in KoliBri Board Sep 17, 2024
anicyne added a commit that referenced this issue Sep 17, 2024
@anicyne
Refactor: keyboard navigation
2af39fa 
Refs: #6567
anicyne added a commit that referenced this issue Sep 17, 2024
@anicyne
Fix: lint errors
ce2c392 
Refs: #6567
publicuibot bot pushed a commit that referenced this issue Sep 17, 2024
@anicyne @publicuibot
Update all snapshots$
ae00161 
$
Refs: #6567
publicuibot bot pushed a commit that referenced this issue Sep 17, 2024
@anicyne @publicuibot
Update all snapshots$
5576fbd 
$
Refs: #6567
@github-project-automation github-project-automation bot moved this from 🔍 Review to ✅ Done in KoliBri Board Sep 17, 2024
sdvg added a commit that referenced this issue Sep 18, 2024
@sdvg
Merge branch 'develop' of github.com:public-ui/kolibri into 6138-auto…
48e19b9 
…-alert

* 'develop' of github.com:public-ui/kolibri:
  Update all snapshots$ $ Refs: #6567
  Fix: lint errors
  Refactor: keyboard navigation
  Add interactive buttons in tables
  Fix keyboard navigation
  Fix keyboard navigation
  Fix Typescript linting errors
  detect the currently focused element using tableDivElement
  Add keyboard navigation in table-stateless
sdvg added a commit that referenced this issue Sep 18, 2024
@sdvg
Merge branch 'feature/6661-git-hooks-precommit' of github.com:public-…
d2e7e45 
…ui/kolibri into feature/6661-git-hooks-precommit

* 'feature/6661-git-hooks-precommit' of github.com:public-ui/kolibri: (166 commits)
  Update all snapshots$ $ Refs: #6567
  Fix: lint errors
  Refactor: keyboard navigation
  Add interactive buttons in tables
  sort props
  Refactoring type AlternativeButtonLinkRolePropType
  edited point 12, removed point 13
  chore: disable scheduler for auto dep update
  Feature/6758 KolNav sample without submenu (#6825)
  feature/6739 Export isInitialized Function (#6826)
  Alert Close Button with _ariaDescription
  Update Contribut
  test fix
  Disable eslint-rule "interactive-supports-focus" for KolTabs Updating Themes
  Sample App: Move playwright from devDependencies to dependencies
  prettier formatting
  Update all snapshots$ $ Refs: #6809
  Fix HTML formatting
  changed lang to en
  change sample description
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@anicyne anicyne

Labels
v2
Projects
KoliBri Board
Archived in project
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Add keyboard navigation in table-stateless public-ui/kolibri
2 participants
@deleonio @anicyne