Last Updated: 06 Oct 2022 10:00 by ADMIN
Created by: Branden
Comments: 0
Category: Kendo UI for Angular
Type: Bug Report
When selecting a date from the column of the current day, it does not always allow you to pick a date and jumps to another month or somewhere else in the picker.
Last Updated: 28 Sep 2022 12:16 by ADMIN

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.

Last Updated: 28 Sep 2022 11:46 by ADMIN
Created by: Dustin
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report

The DatePicker control for Angular has a hidden vertical scrollbar on the kendo-virtualization element, which is nested inside the kendo-calendar-navigation and kendo-calendar-viewlist elements. Though it is hidden from view, it is still clickable, and can obscure the selectable dates in the calendar. Clicking it results in activating the scrollbar, which will result in the navigation sidebar scrolling. 

I have attached two screenshots to show the affected areas. Highlighted in red are the areas that when clicked will activate the sidebar scrollbar, and highlighted in blue is the area that will activate the calendar scrollbar, along with their respective elements in the DOM.

It appears the scrollbar is hidden from view via a combination of padding and margin settings from the css below:

.k-calendar .k-content.k-scrollable,
.k-calendar .k-calendar-content.k-scrollable {
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 100px;
    padding-left: 100px;
    margin-left: -100px;
    margin-right: -117px;

I am using Edge Version 105.0.1343.50

Last Updated: 04 Apr 2022 06:13 by ADMIN

The colorpicker is configured with positionMode  'absolute'  forcing body to resize instead of repositioning the popup if it would go off screen.


        this.popupRef = this.popupService.open({
            anchor: this.activeColor,
            animate: this.popupSettings.animate,
            appendTo: this.popupSettings.appendTo,
            popupAlign: popupPosition,
            anchorAlign: anchorPosition,
            popupClass: 'k-colorpicker-popup',
            content: this.popupTemplate,
            positionMode: 'absolute'

Last Updated: 22 Mar 2022 07:39 by ADMIN
Html Code:
<!-- <kendo-dialog title="Version History" (close)="closeConfirmDialog()"
[width]="500" [height]="400" class="delete-entity-popup"> -->
<div style=" overflow-y: auto;
margin-top: 60px;
containerClass="k-d-flex k-flex-col k-flex-nowrap"
<ng-template kendoListViewHeaderTemplate>
<!-- <div class="header">TRENDING ARTICLES THIS WEEK</div> -->
<div *ngFor="let item of dataItem?.changes | keyvalue">
<div *ngIf="!historyExtraParams.includes(item.key)">
{{isLast}} An event called {{dataItem?.event}} happened and {{getFormattedField(item.key)}} changed from {{item.value[0] || 0}} to {{item.value[1]}},
<!-- </kendo-dialog> -->

Ts code:
import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
import { ZonesService } from '../../services/zones.service';
import {PagerSettings,
PagerType,PageChangeEvent} from "@progress/kendo-angular-listview";
import { historyExtraParams } from '../../constants/entities.constant';
selector: 'app-list-view',
templateUrl: './list-view.component.html',
styleUrls: ['./list-view.component.scss']
export class ListViewComponent implements OnInit {
@Input() dataId;
@Output() closeDialog: EventEmitter<boolean> = new EventEmitter();
public data: any[] = [];
public historyExtraParams = historyExtraParams;
public updatedData;
public page = 0;
constructor(private _zonesService: ZonesService) { }
public ngOnInit() {
public getData(): any {
this._zonesService.getZonesd(this.dataId, this.page).subscribe(
response => {
this.data = response['version_histories'];
// this.formatData(response['version_histories']);
error => {
if (error && error.status === 401) {
public getFormattedField(title) {
return title ? title.replace(/_/g, ' ') : '';
public loadMore() {
this.page = this.page + 1;
public closeConfirmDialog() {
Last Updated: 03 Mar 2022 11:10 by ADMIN


If we format kendo-datepicker to (MMMM/dd/yyyy) and if we enter number of month in input then it is not reflecting and shows month in input field.

As you can see in screenshot, I called (valueChange) event to see the changed value, I have enter 10 in month input field so it shows two value in console, first one is when 1 is press and second is when 0 is pressed after 1 so it gives null and in input field it shows month instead of October.

It is working if we enter first letter of month but it should work if we enter month in number.

Please fix this issue asap.


Last Updated: 04 Mar 2021 09:40 by ADMIN
Created by: Bill
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report

So the one feature we use a lot in our company revolves around PDF viewing and Image viewing within a component, where we display two or more at the same time.  Showing an image is easy, but we have lots of requests for it to be zoomable and after you zoom moveable to look at parts of the image.  Same goes for the PDF as we need to display it in a component next to another PDF as it is part of our Quality Check process.  And when they are side-by-side they would like to be able to move and zoom each one individually.