Need More Info
Last Updated: 29 May 2023 06:41 by ADMIN
Created by: eDAD
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0
Ensures all ARIA attributes have valid values
Repro-Steps:
  1. Open link   https://angular-kendo-dropdown-list.stackblitz.io/
  2. Tab to the “Select gender:” dropdown.
  3. Run fastpass in Accessibility insights for web extension

Actual Result:
Ensures all ARIA attributes have valid values


Expected Result:

Fix ONE of the following:

Required ARIA children role not present: group, option

Element has no aria-busy="true" attribute



User Impact:

When an assistive technology encounters an element with an invalid ARIA attribute value, it might ignore the attribute or respond to it in an unexpected way. As a result, people who use assistive technologies might find the element difficult or impossible to use.


Attached Files:
Need More Info
Last Updated: 29 May 2023 06:35 by ADMIN
Ensures elements with an ARIA role that require child roles contain them
Repro-Steps:
  1. Hit enter link  https://angular-kendo-dropdown-list.stackblitz.io/  
  2. Tab to 'Run project' button and press ENTER to activate it.
  3. Tab to the “Select gender:” dropdown.
  4. Run fastpass in Accessibility insights for web extension

Actual Result:
Ensures elements with an ARIA role that require child roles contain them


Expected Result:

Fix ONE of the following:

Required ARIA children role not present: group, option

Element has no aria-busy="true" attribute



User Impact:
 People who use assistive technologies might find it difficult or impossible to use a composite control if its managed controls lack the required child role or if it contains unexpected types of children.
Attached Files:
Declined
Last Updated: 22 May 2023 11:02 by ADMIN

Reproduce the bug with

import { Component } from "@angular/core";

@Component({
  selector: "my-app",
  template: `
    <button (click)="show = !show">Show/hide</button>
    <ng-container *ngIf="show">
      <div class="example-config">
        Selected value is: {{ value | kendoDate: "MM/dd/yyyy" }}
      </div>
      <div class="example-wrapper" style="min-height: 400px">
        <p>Select a date:</p>
        <kendo-datepicker
          [(value)]="value"
          fillMode="outline"
        ></kendo-datepicker>
        <p>
          (use Alt+↓ to open the calendar, ← and → to navigate, ↑ to increment
          and ↓ to decrement the value)
        </p>
      </div>
    </ng-container>
  `,
  styles: [
    `
      kendo-datepicker {
        width: 170px;
      }
    `
  ]
})
export class AppComponent {
  public show = false;
  public value: Date = new Date(2000, 2, 10);
}

error displayed:

"TypeError: Cannot read properties of undefined (reading 'nativeElement')
    at set fillMode [as fillMode] (progress-kendo-angular-dateinputs.mjs:9186:53)
    at Object.ngOnChangesSetInp"

in file
node_modules/@progress/kendo-angular-dateinputs/fesm2020/progress-kendo-angular-dateinputs.mjs

at


 /**
     * Sets the fillMode of the component.
     *
     * The possible values are:
     * * `solid` (Default)
     * * `flat`
     * * `outline`
     * * `none`
     *
     */
    set fillMode(fillMode) {
        this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
        this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
        this.renderer.removeClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
        if (newFillMode !== 'none') {
            this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', newFillMode));
            this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${newFillMode}-base`);
            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
        }
       

It works when the code changes in

import { AfterViewInit, Component } from "@angular/core";

@Component({
  selector: "my-app",
  template: `
    <button (click)="show = !show">Show/hide</button>
    <ng-container *ngIf="show">
      <div class="example-config">
        Selected value is: {{ value | kendoDate: "MM/dd/yyyy" }}
      </div>
      <div class="example-wrapper" style="min-height: 400px">
        <p>Select a date:</p>
        <kendo-datepicker
          [(value)]="value"
          [fillMode]="fillMode"
        ></kendo-datepicker>
        <p>
          (use Alt+↓ to open the calendar, ← and → to navigate, ↑ to increment
          and ↓ to decrement the value)
        </p>
      </div>
    </ng-container>
  `,
  styles: [
    `
      kendo-datepicker {
        width: 170px;
      }
    `
  ]
})
export class AppComponent implements AfterViewInit {
  public show = false;
  public value: Date = new Date(2000, 2, 10);

  public fillMode = "solid";

  ngAfterViewInit() {
    Promise.resolve().then(() => (this.fillMode = "outline"));
  }
}

It only appears in DateInputs Components, other Inputs work well
Declined
Last Updated: 11 May 2023 09:59 by ADMIN
Charts forks in main component, but when we try to show their in dialog component for pdf preview - we have error msg in console and charts doen't displayed. We have this issue after angular and kendo version update. Can you help with it?
Declined
Last Updated: 11 May 2023 09:57 by ADMIN
Created by: Aurélien
Comments: 2
Category: Kendo UI for Angular
Type: Bug Report
0

Description

We are using RecurrenceEditor :

<kendo-recurrence-editor [formControl]="formGroup.get('recurrency')">
</kendo-recurrence-editor>

 

Repro Steps

Context : Date = 2023-03-06

  • Double click on the 2023-03-09
  • The editor is open : 
  • We choose the repeat rule Monthly :

We can see the context of RecurrenceEditor is 2023-03-06 instead of 2023-03-09.

Expected Result

When we create an event on different date of today, the RecurrencyEditor context should the creation date.

  • The input "Day" default value should be 9
  • The input "On" default value should be 2023-03-10
  • First Monday => First Thuesday

Same problem with other repeat rule (Daily, Weekly and Yearly)

Declined
Last Updated: 05 May 2023 13:47 by ADMIN

Previously igrid 5.0.0 introduced sortable column headers and their contents being wrapped in spans with inner cell and link classes

<span class="k-cell-inner">
       <span class="k-link>......

now after upgrading to 11.2.0 it looks like ALL column headers get this additional element nesting even if they aren't sortable which is greatly affecting how column headers display since .k-link has a display: flex value.  As well as many other styles.

Before

After

There are also "link" like styles applied to any and every column even if it doesn't sort giving the false impression that a column header is clickable.

This can be seen from kendo's own stackblitz for the grid https://stackblitz.com/edit/angular-lyxxa7?file=src%2Fapp%2Fapp.component.ts where if you inspect the header elements you'll see they've been wrapped in the sortable span elements. If this is intentional to wrap all column headers in we'll just have to work around it but we're curious if applying the sortable styling to ALL column headers was done on purpose or a bug.

Declined
Last Updated: 27 Apr 2023 06:42 by ADMIN

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

@Component({
    selector: 'my-app',
    template: `
            <button class="btn btn-primary mb-3" (click)="toggleSort()">toggle sort</button>
            <kendo-grid
                [kendoGridBinding]="gridData"
                [filterable]="'menu'"
                [sortable]="true"
                [sort]="sort"
                [height]="400"
                [style.width.px]="400">
                <kendo-grid-column field="CompanyName"></kendo-grid-column>
            </kendo-grid>
        `
})
export class AppComponent {
    public gridDataCustomer[] = customers;
    sortSortDescriptor[];
    toggleSort() {
      this.sort = this.sort ? undefined : [{
        field: 'CompanyName',
        dir: 'desc'
      }]
    }
}

 

The sort indicator (down arrow) remains after removing the sort (setting the [sort] input to undefined)

Thanks,

-Adam

 

Declined
Last Updated: 28 Mar 2023 11:01 by ADMIN

Hi,

Filter operator 'equalTo' doesn't work properly with columns that has DateTime format. I set 'format' property on column, so filter will have the same format, but after providing exact same day and time the result is "no records ".

Here is a reproduction in Stackblitz based on one of the examples from https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu/.

https://stackblitz.com/edit/angular-tq5ncp?file=src%2Fapp%2Fapp.component.ts%3AL31,src%2Fapp%2Fproducts.ts


Unplanned
Last Updated: 17 Mar 2023 07:04 by ADMIN
Created by: unTill
Comments: 3
Category: Grid
Type: Bug Report
0

When filter popup is opened, it need to be closed by click outside of it

However, popup is closed only after second click outside.

After popup was opened and closed for the first time - next times everything works correctly, so it can be reproduced only after refreshing the page with this component

It can be reproduced in example in your documentation: https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu/#toc-custom-filters/

Unplanned
Last Updated: 16 Mar 2023 07:58 by Marc

Use the basic usage example from https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/

Click in the area next to the baseball chip.

The list with available objects pops up.

Click in the place where the cursor is, the popup won't close.

Click in the right half of the component, the popup closes.

 

It seems it's the input element which swallows the click event.

I would expect the popup to be closed, no mather where I click in the component

Unplanned
Last Updated: 09 Mar 2023 06:43 by ADMIN
Created by: Mauro
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0

https://stackblitz.com/edit/angular-botsaf?file=src/app/app.component.ts

 

The internal element has a calculated width - but it only grows in value if slider width changes (responsive or even in CSS with media queries etc).

It permanently stays at the largest size.

Unplanned
Last Updated: 23 Feb 2023 11:12 by ADMIN

Because of the CSS, if a parent element has used translate (transform: translateX(0px); ) every child element  under it is no longer fixed.

This causes components like kendo-dialog to be relatively positioned inside the drawer - usually cut off.

Even turning off animation still leaves the style rule.

 

  • Disabling animation should also ensure no related CSS is applied (like using transform: none at least)
  • Provide a keyframe based animation instead of translateX (example http://jsfiddle.net/whnuLf6v/50/)
Declined
Last Updated: 23 Feb 2023 11:11 by ADMIN
Created by: Aidan
Comments: 2
Category: Kendo UI for Angular
Type: Bug Report
1

Hello,

 

The PDF export component does not seem to handle tables that are in the editor content. In the Stackblitz example I included, which is based off of the PDF export demo under the Editor component, the table borders do not show in the editor and in the exported PDF. In my own practice, any editor version 8 and above will not export the tables to PDF. In fact, the exported PDF is blank no matter what is in the editor. Here is what I am using. When I change the editor version to 0.7.0, the PDF export works (albeit without table support). I would like to be able to export the tables that inside of the editor's content to PDF. This problem only started happening after I updated my editor to versions 0.8.0 and above.  


<kendo-pdf-export #pdf paperSize="Letter" margin="1cm" [scale]="scale">
                    <kendo-editor #editor iframe="false" style="align-self: auto; padding: 20px; height: 90vh; width: 24cm; margin: 0 auto;" [(value)]="value" 
                    (dragover)="onDragOver(event)" (drop)="onDrop(event)">
                      <kendo-toolbar>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorStrikethroughButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorSubscriptButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorSuperscriptButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
                        <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>
                        <kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>
                        <kendo-toolbar-colorpicker kendoEditorForeColor></kendo-toolbar-colorpicker>
                        <kendo-toolbar-colorpicker kendoEditorBackColor></kendo-toolbar-colorpicker>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>

                        <kendo-editor-insert-table-button></kendo-editor-insert-table-button>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorAddColumnBeforeButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorAddColumnAfterButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorAddRowBeforeButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorAddRowAfterButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorDeleteColumnButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorDeleteRowButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorDeleteTableButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-button kendoEditorInsertFileButton></kendo-toolbar-button>
                        <kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>
                        <kendo-toolbar-button kendoEditorViewSourceButton></kendo-toolbar-button>


                        <kendo-toolbar-button text="Export as PDF"
                                              [icon]="'pdf'"
                                              (click)="pdf.saveAs('editor-content.pdf')"></kendo-toolbar-button>
                      </kendo-toolbar>
                    </kendo-editor>
                  </kendo-pdf-export>

Declined
Last Updated: 23 Feb 2023 11:09 by ADMIN

Ts Code:

import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
import { ZonesService } from '../../services/zones.service';
import {PagerSettings,
PagerPosition,
PagerType,PageChangeEvent} from "@progress/kendo-angular-listview";
import { historyExtraParams } from '../../constants/entities.constant';
@Component({
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() {
this.loadMore();
}
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;
this.getData();
}
public closeConfirmDialog() {
this.closeDialog.emit();
}
}

 

Html code: 

<div style=" overflow-y: auto;
margin-top: 60px;
">
<kendo-listview
[height]="400"
[data]="data"
containerClass="k-d-flex k-flex-col k-flex-nowrap"
(scrollBottom)="loadMore()"
>
<ng-template kendoListViewHeaderTemplate>
<!-- <div class="header">TRENDING ARTICLES THIS WEEK</div> -->
</ng-template>
<ng-template
kendoListViewItemTemplate
let-dataItem="dataItem"
let-isLast="isLast"
>
<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]}},
</div>
</div>
</ng-template>
</kendo-listview>
</div>
Declined
Last Updated: 23 Feb 2023 11:08 by ADMIN
Created by: Asfahaan
Comments: 2
Category: Kendo UI for Angular
Type: Bug Report
0

https://www.telerik.com/kendo-angular-ui/components/scheduler/timezones/#toc-fixed-timezones

In the kendo  scheduler fixed timezones are not working properly because it only takes the local time which on the browser and shows the local time only in kendo scheduler.

Not showing the fixed timezones depends upon the other country timezones.

we want some solution for set the fixed timezones.

Example: if browser time shows the india timezones locally but we want to show other country timezones which depends upon the country.

 

 

Completed
Last Updated: 23 Feb 2023 11:08 by ADMIN
Created by: chirag
Comments: 2
Category: MultiSelect
Type: Bug Report
0

Hi Team

we were using Multiselect with version of dropdown "@progress/kendo-angular-dropdowns": "5.3.0",

 but now that we have updated the kendo dropdowns version "@progress/kendo-angular-dropdowns": "7.0.2"

CSS of our multiselect is messed up now can you suggest a way to keep our old CSS working as everything was coming from KendoDropdown

as now I can see <li> tag is converted to <div> for each item selected and there is a new class k-chip introduced .

This has been breaking our production please help us in going forward.

 

Declined
Last Updated: 23 Feb 2023 10:44 by ADMIN
Created by: Eugene
Comments: 2
Category: Kendo UI for Angular
Type: Bug Report
0

Dear Support Team,

I had a problem with the Scheduler-Component

So my Problem was that the Resource[] in the Scheduler-Component did not work as an Array. It always used only the first entry.

I tried to create multiple Resources and filled the Array with them, but I only could use the first Entry to style an event.

Because of this "bug" I had to do a huge workaround to colorize multiple different type of events.

 

 

Declined
Last Updated: 23 Feb 2023 10:43 by ADMIN
Created by: Michael
Comments: 2
Category: FileSelect
Type: Bug Report
0

The file selection popup on iOS does not always open next to the file select popup. This is possible to replicate on the main page for the angular upload component https://www.telerik.com/kendo-angular-ui/components/uploads/upload/ and the stackblitz as well without any modification

https://stackblitz.com/run/?file=src%2Fapp%2Fapp.component.ts

Screenshot shows that the photo library/choose files popup opens in a seemingly random spot after the user taps it.

Completed
Last Updated: 23 Feb 2023 10:27 by ADMIN

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

Completed
Last Updated: 23 Feb 2023 10:26 by ADMIN
Created by: Mauro
Comments: 2
Category: Kendo UI for Angular
Type: Bug Report
0

The alternating grid rows got k-table-row-alt

.k-table-row-alt
However, the theme has 

.k-table-alt-row
Resulting on missing alt styles
1 2 3 4 5 6