Completed
Last Updated: 11 May 2022 13:36 by ADMIN

Greetings,

A user told us our datetimepickers weren't opening their pop-ups at their selected values, they instead always open at today's date.
When you specify a focusedDate, which we never do, it does always open at that date's location, which is the intended behaviour afaik.
After creating a test app to track down the problem, it appears it has to do with the angular version.
The Stackblitz examples' package.json all use version 9.x.x, while we're currently using version 12.2.1.
We were using 11.2.0 before and it was broken there as well.
Downgrading everything to version 9 compatible packages indeed fixes the "error", but that's not something we're able to do.

Here's what our test app's package.json looks like:

{
"dependencies": {
    "@angular/animations": "12.2.1",
    "@angular/common": "12.2.1",
    "@angular/compiler": "12.2.1",
    "@angular/core": "12.2.1",
    "@angular/forms": "12.2.1",
    "@angular/platform-browser": "12.2.1",
    "@angular/platform-browser-dynamic": "12.2.1",
    "@angular/router": "12.2.1",
    "rxjs": "6.6.7",
    "tslib": "2.3.1",
    "zone.js": "0.11.4",
    "@progress/kendo-licensing": "1.2.0",
    "@progress/kendo-angular-dateinputs": "5.2.3",
    "@progress/kendo-angular-common": "2.0.1",
    "@progress/kendo-angular-l10n": "3.0.2",
    "@progress/kendo-angular-popup": "4.0.1",
    "@progress/kendo-angular-label": "3.1.0",
    "@progress/kendo-angular-intl": "3.1.1",
    "@progress/kendo-theme-default": "latest"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "12.2.3",
    "@angular/cli": "12.2.1",
    "@angular/compiler-cli": "12.2.1",
    "@angular/localize": "12.2.1",
    "@types/node": "^12.11.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "4.3.5"
  }
}

Our html file is as simple as the following:

<kendo-datetimepicker [formControl]="fc"></kendo-datetimepicker>

Steps to replicate:

  1. Click to open the datetimepicker
  2. Select a date (I always used 31 May 2021)
  3. Click to open the datetimepicker again
  4. It opens at today's date instead of at the selected value

Kind regards

Completed
Last Updated: 03 May 2022 14:08 by ADMIN
Created by: Mauro
Comments: 2
Category: Kendo UI for Angular
Type: Bug Report
0
        
ANCHOR
`, styles: [` .content { padding: 30px; color: #787878; background-color: #fcf7f8; border: 1px solid rgba(0,0,0,.05); } .anchor { width: 80px; height: 40px; cursor: pointer; position: relative; } .example { position: absolute; } `] }) export class AppComponent { private collision: Collision = { horizontal: 'flip', vertical: 'fit' }; /* Move the 'example' to the bottom to see the collision behavior */ private exampleTop = 400; private toggleText = 'Show'; private show = false; public onToggle(): void { this.show = !this.show; } } " class="demo-file-sc-s3r0g1-1 jgyKPC" data-language="ts" style="box-sizing:border-box;position:relative;overflow:auto;margin-top:0px;margin-bottom:0px;padding:1rem;background:rgb(248, 248, 248);border:0px;min-height:3rem;line-height:1.5;white-space:pre-wrap;color:#1f1f1f;">
Toggle Popup

        
    `
})
export class AppComponent {
    private show = true;
}
" class="demo-file-sc-s3r0g1-1 jgyKPC" data-language="ts" style="box-sizing:border-box;position:relative;overflow:auto;margin-top:0px;margin-bottom:0px;padding:1rem;background:rgb(248, 248, 248);border:0px;min-height:3rem;line-height:1.5;white-space:pre-wrap;color:#1f1f1f;">    <button #anchor kendoButton (click)="show = !show">Toggle Popup</button>
    <kendo-popup [anchor]="anchor" *ngIf="show">
      <div style="padding: 30px; background-color: #fcf7f8">Popup content.</div>
    </kendo-popup>

Directly referencing anchor like that will not work on any new Angular project - it will fail template type checks.
Type HTMLButtonElement is not assignable to type ElementRef 

By default, the reference is to the component and not to the ElementRef.
Without a custom directive, this would have to use 
@ViewChild("anchor", { read: ElementRef }) popupButtonEl: ElementRef;

Completed
Last Updated: 31 Jan 2022 15:21 by ADMIN

autoClose is set to false and checkboxes true.
Clicking on that small margin area next to checkbox causes the dropdown to close.

Completed
Last Updated: 15 Dec 2021 16:06 by ADMIN
Created by: Benedetta
Comments: 1
Category: Window
Type: Bug Report
1

Hi, 

i'm trying to use the WindowService customizing the messages (tooltip) of the action buttons.

Seems that the custom labels are not shown and i have a console error

preview-2f5baf5affd53e419d85b.js:1 ERROR TypeError: Cannot set property 'closeTitle' of undefined

Here an example:

https://stackblitz.com/edit/angular-8z7vou

any suggestions?

 

 

Completed
Last Updated: 30 Nov 2021 09:28 by Alessandro

Hi, the following steps to reproduce the problem:

As you can see, the three dots menu of the not ticky columns are not hidden when overlapped by sticky columns.

 

Best regards,

Alessandro

 

Completed
Last Updated: 03 Nov 2021 14:05 by ADMIN
Created by: Maikel
Comments: 1
Category: MultiViewCalendar
Type: Bug Report
0

Hi,

On the kendo-multiviewcalendar the 'activeViewDateChange' is not triggered, at all. 

We need this event for our date range selection to update certain data. But without this event, it's impossible.

 

Is this a missing feature or a bug as almost every other date component has this event.

Completed
Last Updated: 20 Oct 2021 07:38 by ADMIN

Hi All,  

    Anyone can help us to figure it out?

   Currently, We are using Angular Kendo Gird package, and got issue for tooltip message for Gird.

 

        When We mouse move over 3 dots for grid column menu, we would get strange tooltip message,  for details , please check it from attachment.

         My Email:liji.tao@teranet.ca

Thanks

Liji

Completed
Last Updated: 13 Aug 2021 12:05 by ADMIN

Hi,

We encountered a problem when using kendo-sortable component in IE11. If we use this component anywhere on the page, all input fields on the page become unclickable. It seems to happen in the last version of this control (maybe because of a global click event listener? )

Hope you can help with this issue.

You can check out the following Stackblitz example which is based on your basic usage example: https://angular-t7vi5k.stackblitz.io/

Thanks in advance and happy holidays,

Shai Aharoni

 


Completed
Last Updated: 29 Jul 2021 12:19 by ADMIN
Created by: Juliette
Comments: 1
Category: Editor
Type: Bug Report
0

Sample code:

<div class="form-group">
   <kendo-editor *ngIf="!formDisabled" [(ngModel)]="securityplan.dataFlow" id="dataFlow" name="dataFlow" style="height: 250px; width: 100%;">. 
   </kendo-editor>
</div>

When you click into the body of the editor, "before emit" is console logged. 

 

Completed
Last Updated: 27 Jul 2021 11:39 by ADMIN
Created by: Dzmitry
Comments: 1
Category: Scheduler
Type: Bug Report
0

Custom editing in reactive forms within EditDialogTemplateDirective causes udefined error at EditDialogComponent.titleInput .

Reproducible at example https://www.telerik.com/kendo-angular-ui/components/scheduler/editing/custom-reactive-editing/

 
Completed
Last Updated: 24 Jun 2021 06:13 by ADMIN
Created by: Kendo UI
Comments: 0
Category: Grid
Type: Bug Report
1

When a Grid cell is focused, and after this, the data is filtered so that the data contains fewer items than the index of the row the last focused cell was in, the Grid table area does not receive focus when tabbed into.

 

Please check the example:

 

https://stackblitz.com/edit/angular-xqswy5-zqeqkb?file=app/app.component.ts

 

Completed
Last Updated: 16 Jun 2021 12:35 by ADMIN
Release 2020.3
Created by: Clint Singer
Comments: 1
Category: Grid
Type: Bug Report
0

Hi,

It seems there is an issue with the material theme and nested grids.   When you have master-detail nested grids, the entire last nested grid gets applied with the same styling as the bottom rows of all the other nested grid. 

The styling in my browser is showing up as

.k-grid .k-grid-content tr:last-child td.k-grid .k-grid-content-locked tr:last-child td {
  1. border-bottom-width: 0;

 

Which causes the rows in the last grid to not appear.   

I have attached an image where I have changed the styling to 5px and red so you can see that it is being incorrectly styled.  You can see that even the other rows in in the last grid are getting styled along with the last row style.

I am running the latest version of Kendo.

Cheers,

Clint

Completed
Last Updated: 15 Jun 2021 15:22 by ADMIN
I've created a Plunker: http://plnkr.co/edit/WoqkaDZpq8hU24m0eKcv?p=preview

Show the detail template of Row 1 in Beverages, then collapse the Beverages group. the Detail for Chai does not go away with the rest of the table.
Completed
Last Updated: 15 Jun 2021 13:54 by ADMIN
Created by: Bobby
Comments: 0
Category: Kendo UI for Angular
Type: Bug Report
1
I am trying to access the documentation for Kendo UI for Angular and I am getting a redirect error in the browser (Chrome and Firefox), specific to the Kendo Grid documentation for filtering:
https://www.telerik.com/kendo-angular-ui/components/grid/data-operations/filtering/ 
Completed
Last Updated: 09 Jun 2021 15:37 by ADMIN
I'm using FileSelect as part of a reactive form.  I set file restrictions for allowedExtentions and maxFileSize.  If one of the files violate these restrictions, I would expect the form and the form control to have an error, but both are in VALID state.
Completed
Last Updated: 18 May 2021 15:47 by ADMIN

Use IE11:

1. Try to use the grids column menu for filtering

2. Click the column icon => popdown menu opens

3. Click the filter oder column icon inside the menu => nothing happens


I can't even open up your docs using IE11, it just loads forever:
https://www.telerik.com/kendo-angular-ui/components/grid/columns/menu/

Completed
Last Updated: 18 May 2021 15:38 by ADMIN
Created by: Dzmitry
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0

https://stackblitz.com/edit/angular-dxhzju

 

1. Change scheduler timezone in combobox

2. Change view selector to "Month", for example.

Result: provided colors from resources aren't appied anymore.

Completed
Last Updated: 18 May 2021 15:34 by ADMIN
Release 2020.2
Created by: Maikel
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0

Hello,

 

Currently, the kendo theme for bootstrap overrides the default bootstrap custom component styles.

For example, the kendo checkbox has a default #FFF background but the bootstrap custom checkbox has a grey-ish background, which is always the same as the disabled style.

$custom-control-indicator-bg <--- this should be #FFF

 

Could this be changed back to the default bootstrap values?

Completed
Last Updated: 18 May 2021 15:32 by ADMIN
Created by: André
Comments: 5
Category: Kendo UI for Angular
Type: Bug Report
2

I found a bug in your last update in this package:

https://www.npmjs.com/package/@progress/kendo-angular-dialog

The bug causes the modal not to show up.

In this bug you need to allways start the HTML files with the tag <kendo-dialog> and end the files </kendo-dialog> to fix the problem, which did not happen in previous versions of the package.

This bug is an issue because not even your tutorials work because of this.

Will you fix this?

Best regards André Lourenço

Completed
Last Updated: 18 May 2021 14:25 by ADMIN

1.) Use grouping functionality for the drop list's data.

2.) Have at least one item disabled. (Easiest to replicate if the first item is disabled)

3.) Click on dropdown to open the popup.

4.) If first item is disabled notice the group it belongs to is not displayed in the popup. If the first item isn't disabled scroll until disabled item is at the top of the list and the group information will be cleared.

 

Easily replicated if you modify the stackblitz from this page https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/grouping/ to disable the first item in the list

 

 

"Meat" should be displayed in that empty row at the top. Lines 12 and 26-28 are the only modifications made to the code found at the url above.

 

1 2