Currently angular will fail builds due to type check if kendo-timepicker value is null/undefined.
It requires it to always be a date - making it impossible to have initially empty values or to even reset the selection/value and show a placeholder.
Even the documentation for placeholder says:
Specifies the hint the TimePicker displays when its value is `null`.
private _value: Date = null;
@Input() public set value(value: Date)
But the input does not allow this. Even the property is defined in a way that would fail type checks in any newer angular project (strict mode is the default).
The only workaround currently is to disable type check with $any()
when someone clicks on a date in the middle of the component, it will scroll the component instead of selecting the date.
This occurs in chrome and edge. In firefox this issue is not observed.
Steps:
1. Open a datepicker (https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/)
2. Hover over tuesday (bootstrap theme), between tuesday and wednesday in default theme.
3. Click on the date.
4. The component scrolls instead of selecting the date.
The cursor also changes from pointer to default. It seems another component is on top of the tuesday column.
After updating to Angular version 17.3.0 the TabStripComponen throws errors:
The problem can be reproduced using this StackBlitz sample: https://angular-baaosj.stackblitz.io
Hi,
When "popupSettings.appendTo" is set to 'component' then the value binding is broken and the "valueChange" event is not triggered. It is not possible to select an item and the underlaying model is not updated.
Issue can be reproduced in this StackBlitz: https://stackblitz.com/edit/angular-f76kqf?file=src/app/app.component.ts
Regards
Holger
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
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/
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.
On a feedback portal search and paging is not working.
Open feedback portal and enter search criteria with more then five item. example
When you want to view result for second page, search is not preserved (it is empty).
We are upgrading from @progress/kendo-angular-grid 4.8.0 to 7.4.2 and are running into an issue where a `kendo-grid-command-column` on a non-reorderable single column-sortable grid has gained the `pointer: cursor` CSS style where it did not previously.
The kendo documentation also shows this behavior, implying clicking on the command column header will do something when it will not, unlike the other columns. https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing/#toc-using-reactive-forms
kendo-angular-grid 4.8.0:
kendo-angular-grid 7.4.2:
Hello
Currently the datePicker and probably other controls that implement the rangeValidation property do not listen to changes on the rangeValidation input.
This is preventing whether range validation is enabled based on other form input changes during user interaction with the form.
Can this be changed so it listens on ngChanges?
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
When setting the [zoom] value in TypeScript the drop down value does not reflect this and remains at the default of 125% even though the PDF is zoomed in/out.
Adjusting the zoom level using the buttons then "corrects" the issue and it displays the right value.
Hello Progress Software Corporation,
We currently have an issue with the Date Input (Calendar) KendoUI Angular component. We need to use the selection mode "multiple" when selecting a full week. When the component loads, it's possible to select a full week with no issue but once you start to play around with the infinite scroll, then another week is selected instead of the desired one. The bug can be reproduced directly in the example provided in your documentation.
https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/multiple-selection/
For example,
Repeat this process for more than 4 months and you will see the bug where the selection of the full week jumps to a completely different month.
Kind regards,
Rodrigo RosenblĂ¼th
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;
Steps to reproduce:
Create fresh angular 9+ project : ng new angular9-kendo-editor-test
run cmd to add editor module: ng add @progress/kendo-angular-editor
Add config to serve es5 generated scripts so IE will work: https://medium.com/better-programming/how-to-fix-your-angular-app-when-its-not-working-in-ie11-eb24cb6d9920
run cmd to serve es5 config: ng serve --configuration es5
Open IE and browse to http://localhost:4200
Open developer tools, observe there is a script error
Comment out the EditorModule import in app.module.ts and you can see the app now works...
On the DropDownList Grouping page and the MultiSelect Groping page, the first label (Meat) does not show in IE 11.
If the value string for a QR Code is greater than 100 characters the resulting QR Code cannot be scanned. Here's a StackBlitz demonstrating the issue:
https://stackblitz.com/edit/angular-2axafs?file=app/app.component.ts
Interestingly enough, this issue doesn't seem to be present in the AJAX version of the QR Code component as putting in a +100 character string on the example page results in a valid QR Code: https://demos.telerik.com/aspnet-ajax/barcode/examples/qrcode/defaultcs.aspx
I'm using the Kendo Angular DropDownList component and I'm facing a couple of accessibility issues.
I got two issues, the same as those I get in my own application using the DropDownList component.
I've attached the output for both issues below.
First issue and an explanation of the issue and its solutions can be seen in the first attachment.
Second issue and an explanation of the issue and its solutions can be seen in the sercond attachment.
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