Skip to content

[DateInputs] Adaptive mode interaction scrolls the page on Android browsers #4150

Open
@yanmariomenev

Description

@yanmariomenev

Describe the bug
If the page is scrollable and you scroll it slightly before opening the DatePicker, interacting with the UI will cause the page behind the modal to scroll. You can observe this behavior in the attached recordings, where, in some cases, the text may shift, or when the modal is closed, the page scrolls.

This behavior seems to be present in all DateInputs that support adaptive mode.

To Reproduce

  1. Open the following example, scroll slightly, and open the adaptive mode - https://stackblitz.com/edit/angular-ayjs7p-nmvv9d?file=src%2Fapp%2Fapp.component.ts
  2. Start interacting with the component by swiping your finger. The best way to reproduce it is in the empty white spaces.
    Screen recordings of the interaction with both TimePicker and DateTimePicker:
    https://github.com/telerik/kendo-angular/assets/49076727/1fcb61ed-6b73-4800-ab15-35f0193fc882
Screen_Recording_20231108_095706_Chrome.mp4
Screen_Recording_20231108_095142_Chrome.mp4

Browser

  • Android
  • Browser [Chrome and Firefox]
  • Version [19.0.6045.66(Chrome), 119.1.0(Firefox)]

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions