bug(datepicker): Focus Not Properly Managed After Selecting Date in Angular Datepicker (VoiceOver, iOS)

[Sri4Code]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

The Angular date picker doesn't properly focus on the selected date when using VoiceOver on iOS. When I try to select a date, the calendar opens as expected, and I double-tap to choose a date using VoiceOver. However, after the date is selected, the double-tap also triggers a selection on whatever element is behind the calendar.

Reproduction

Steps to reproduce:

1. Enable VoiceOver on iOS.
2. Navigate to Angular Material Datepicker.
3. Open the datepicker; the calendar overlay appears.
4. Using VoiceOver, double-tap to select a date.
5. After the double-tap, focus unexpectedly shifts to an element behind the calendar instead of remaining within the datepicker.

Expected Behavior

After selecting a date using VoiceOver, the focus should return to the datepicker input, not shift to elements behind the calendar.

Actual Behavior

After selecting a date with VoiceOver, the focus shifts to an element behind the calendar instead of returning to the datepicker input.

Environment

• Angular: 18, 20
• CDK/Material: 18, 20
• Browser(s): Safari, Chrome, Brave
• Operating System (e.g. Windows, macOS, Ubuntu): iOS

[Sri4Code]

Additional Note - This behavior violates WCAG 2.2 – Success Criterion 2.4.3: Focus Order, as the focus does not follow a logical order and unexpectedly shifts to background elements, creating an accessibility barrier for screen reader users.