Skip to content

fix(ui5-color-palette): adjust keyboard navigation #12107

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.

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

Open
wants to merge 6 commits into
base: main
Choose a base branch
from

Conversation

unazko
Copy link
Contributor

@unazko unazko commented Aug 11, 2025

  • Home and End keyboard shortcuts now work only in palette popover mode.
  • The current item navigation index is getting updated on mousedown event.
  • Home and End keyboard shortcuts now work in popover mode as per specification.

Fixes: #8744
Fixes: #11439

- Home and End keyboard shortcuts now work only in
palette popover mode.
- The current item navigation index is getting updated
on "mousedown" event.
- Home and End keyboard shortcuts now work in popover mode
as per specification.

Fixes: #8744
Fixes: #11439
@unazko unazko requested a review from Copilot August 11, 2025 14:13
Copilot

This comment was marked as outdated.

@unazko unazko requested a review from Copilot August 11, 2025 15:04
Copilot

This comment was marked as outdated.

@unazko unazko requested a review from Copilot August 11, 2025 15:20
Copilot

This comment was marked as outdated.

@unazko unazko requested a review from Copilot August 11, 2025 15:25
Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR fixes keyboard navigation issues in the UI5 ColorPalette component, specifically addressing Home/End key behavior and mouse interaction handling. The changes ensure proper navigation focus management in both regular and popover modes.

  • Restricts Home/End keyboard shortcuts to work only in popover mode as per specification
  • Updates navigation index on mousedown events to maintain proper focus state
  • Adds comprehensive test coverage for keyboard navigation scenarios

Reviewed Changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 3 comments.

Show a summary per file
File Description
ColorPaletteTemplate.tsx Adds mousedown event handler to template
ColorPalette.ts Implements core navigation logic fixes and adds helper methods
ColorPalettePopover.commands.ts New Cypress commands for popover testing
commands.ts Imports new popover test commands
ColorPalettePopover.cy.tsx Comprehensive test suite for keyboard navigation

@unazko unazko requested a review from hinzzx August 12, 2025 07:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Color Palette]: Wrong keyboard interaction [Component Enhancement]: ui5-color-palette: keyboard interactions are not as per specification
1 participant