Skip to content

fix(month-picker): update keyboard navigation in zoneless apps#17445

Open
viktorkombov wants to merge 2 commits into
masterfrom
vkombov/fix-17438
Open

fix(month-picker): update keyboard navigation in zoneless apps#17445
viktorkombov wants to merge 2 commits into
masterfrom
vkombov/fix-17438

Conversation

@viktorkombov

Copy link
Copy Markdown
Contributor

Closes #17438

Description

Fixes the Month Picker highlight not updating after keyboard navigation in
zoneless applications.

Adds zoneless regression coverage for the keyboard navigation behavior.

Type of Change (check all that apply):

  • Bug fix
  • New functionality
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Refactoring (no functional changes)
  • Documentation
  • Demos
  • CI/CD
  • Tests
  • Changelog
  • Skills/Agents

Component(s) / Area(s) Affected:

How Has This Been Tested?

  • Unit tests
  • Manual testing
  • Automated e2e tests

Test Configuration:

  • Angular version:
  • Browser(s):
  • OS:

Screenshots / Recordings

Checklist:

  • All relevant tags have been applied to this PR
  • This PR includes unit tests covering all the new code (test guidelines)
  • This PR includes API docs for newly added methods/properties (api docs guidelines)
  • This PR includes feature/README.MD updates for the feature docs
  • This PR includes general feature table updates in the root README.MD
  • This PR includes CHANGELOG.MD updates for newly added functionality
  • This PR contains breaking changes
  • This PR includes ng update migrations for the breaking changes (migrations guidelines)
  • This PR includes behavioral changes and the feature specification has been updated with them
  • Accessibility (ARIA, keyboard navigation, focus management) has been verified

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

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 addresses a zoneless-change-detection rendering gap in the Calendar Month Picker where keyboard navigation updates internal state but doesn’t reliably trigger a view refresh, leaving the highlighted month stale in zoneless apps.

Changes:

  • Update KeyboardNavigationService keydown handling to trigger change detection after executing a key handler.
  • Add a zoneless regression spec to verify highlighted-month updates after keyboard navigation.

Reviewed changes

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

File Description
projects/igniteui-angular/calendar/src/calendar/calendar.services.ts Adds change-detection signaling after keyboard handler execution to support zoneless rendering updates.
projects/igniteui-angular/calendar/src/calendar/month-picker/month-picker.component.spec.ts Introduces a zoneless regression test covering keyboard navigation highlight updates.

@viktorkombov
viktorkombov requested a review from mddragnev July 21, 2026 11:32
@viktorkombov viktorkombov added the ❌ status: awaiting-test PRs awaiting manual verification label Jul 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Zoneless] Month Picker arrow-key navigation does not update after mouse interaction in zoneless apps

3 participants