Progress® Kendo UI® for Angular Feedback Portal
Back to Feed
Request a Feature Report a Bug
Duplicated
Last Updated: 28 Sep 2022 12:16 by ADMIN
Mattia
Created on: 26 Sep 2022 09:08
Category: DatePicker
Type: Bug Report
0
Selecting a date from third dates' column in infinite calendar (Bootstrap theme) doesn't work

You can reproduce the bug even in your documentation: Overview - DatePicker - Kendo UI for Angular (telerik.com)

  • Select the Bootstrap Theme
  • Try to select for example the 14th March 2000 the calendar goes to December 2000 (and doesn't select the date).
  • If you click slightly outside of the number, the selection works.

The problem seems to be the infinite navigation that's overlaying with that dates' columns.

Duplicated
This item is a duplicate of an already existing item. You can find the original item here:
Calendar clicking on a date scrolls the component instead of selecting the date
1 comment
ADMIN
Miroslav
Posted on: 28 Sep 2022 12:16

Hi Mattia,

Thank you for providing instructions on how to reproduce the problem.

This is a known issue from our side, that was also reported by other customers. The problem is logged in our GitHub issue tracker here:

https://github.com/telerik/kendo-angular/issues/3769

The fix will be available in the next release of Kendo-themes(expected 17 October). The fix is already available in the developer version of the Kendo Themes:

https://www.telerik.com/kendo-angular-ui-develop/components/dateinputs/datepicker/

If an immediate solution is needed, one can resolve this bug using the z-index property:

.k-calendar-navigation {
    z-index: 1;
}

Here's a quick StackBlitz demo showing the modified behavior:

https://stackblitz.com/edit/angular-wimukf?file=src%2Fapp%2Fapp.component.ts

I hope the provided information helps.

Regards,
Miroslav
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Create an account Log In
View
Type
Status
Category