[DatePicker] Scroll jump on iOS devices

[georgi-sla]

Description

Currently, when the DatePicker is viewed on a mobile device using iOS and the user tries to enter a date in the component, the scroll of the page jumps unexpectedly, and the DatePicker gets hidden. The user should scroll the jump to find it again.

Steps To Reproduce

1. Create a DatePicker component.
2. Render the DatePicker on a page that has a scrollbar.
3. Focus on the DatePicker and start entering a date.

Please, check out the following StackBlitz demos: https://angular-v7j3ag.stackblitz.io, https://angular-qcarsd.stackblitz.io

Screenshots or video

https://github.com/user-attachments/assets/2a4b4288-5fd6-4844-a1d0-acd2424f17c9

Actual Behavior

When the DatePicker is rendered on a page with a scrollbar and the page is opened on an iOS device, once the user starts entering the date with the built-in keyboard of the device, the scroll jumps unexpectedly. It is worth noting that the scroll jumps on each second number of a day, month, or year.

Expected Behavior

The scroll should not jump upon user input.

Browser

All

Browser version

latest

OS type

No response

OS version

No response

Last working version of the Kendo UI for Angular package (if regression).

No response