Commit cdaa85b
authored
fix(ui5-li): implement edit mode for keyboard navigation in list items (#13411)
Implements an edit mode for list items following the SAP Fiori
Keyboard Interaction spec (Intentional Edit Pattern, p86-87):
- **Navigation mode** (default): Tab/Shift+Tab forwards out of the
list. Arrow keys navigate between items.
- **Edit mode** (toggled by F2 or F7): Tab flows through inner
focusable elements within an item, then continues to the next
item's elements, and exits the list after the last item.
Shift+Tab flows backward symmetrically. Arrow Up/Down transfers
focus to the same-index element in adjacent items.
The delete button in Delete selection mode is now keyboard
accessible — reachable via edit mode Tab flow without requiring
the Delete key shortcut.
Fixes #132201 parent a8daa53 commit cdaa85b
7 files changed
Lines changed: 1289 additions & 103 deletions
File tree
- packages
- fiori/src
- main
- cypress/specs
- src
- test/pages
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
237 | 237 | | |
238 | 238 | | |
239 | 239 | | |
| 240 | + | |
240 | 241 | | |
241 | 242 | | |
242 | 243 | | |
| |||
300 | 301 | | |
301 | 302 | | |
302 | 303 | | |
| 304 | + | |
303 | 305 | | |
304 | 306 | | |
305 | 307 | | |
| |||
311 | 313 | | |
312 | 314 | | |
313 | 315 | | |
| 316 | + | |
314 | 317 | | |
315 | 318 | | |
316 | 319 | | |
| |||
326 | 329 | | |
327 | 330 | | |
328 | 331 | | |
| 332 | + | |
| 333 | + | |
| 334 | + | |
| 335 | + | |
| 336 | + | |
| 337 | + | |
| 338 | + | |
| 339 | + | |
| 340 | + | |
| 341 | + | |
| 342 | + | |
| 343 | + | |
| 344 | + | |
| 345 | + | |
| 346 | + | |
| 347 | + | |
| 348 | + | |
| 349 | + | |
| 350 | + | |
| 351 | + | |
| 352 | + | |
| 353 | + | |
| 354 | + | |
| 355 | + | |
| 356 | + | |
329 | 357 | | |
330 | 358 | | |
331 | 359 | | |
| |||
0 commit comments