Declined
Last Updated: 08 Mar 2024 07:19 by ADMIN
Created by: Aurélien
Comments: 3
Category: Kendo UI for Angular
Type: Bug Report
0

Using the Editor component with Form Support, if I choose the style Heading 1 and type some letter.

I clean the value using only backspace key on the keyboard and the value of the form control is <h1></h1>.

 

This is reproductible on the demo : https://www.telerik.com/kendo-angular-ui/components/editor/forms/#toc-template-driven-forms

  • Choose Heading 1 style
  • Type AAA
  • The form value = <h1>AAA</h1>
  • Clean the value using backspace
  • The form value = <h1></h1>

Expected result

  • The form value should be empty
Declined
Last Updated: 16 Feb 2024 08:18 by ADMIN
Created by: eDAD
Comments: 1
Category: Charts
Type: Bug Report
1
Bug title: X-axis is getting overlapped while resizing the page upto 400% of zoom.
Severity: Sev2 (High)

Test Environment: OS: Windows 11 22H2
OS Build: 23620.1000

Pre-Requisite: Set browser zoom level to 400% and display resolution: 1280x1024 (or) In dev Tools set the resolution to 320*256.

Repro steps:
1.Open URL: http://www.telerik.com/kendo-ui in edge browser.
2.Navigate to 'Kendo UI for Angular ' tab item and invoke it.
3.Navigate to the Angular chart control and invoke it.
4.In left navigation pane click Scatter control under 'series types'.
5.Navigate to 'Scatter Plot Chart'.
6.Verify whether X-axis is getting overlapped while resizing the page upto 400% of zoom or not.

Actual Result:
X-axis is getting overlapped while resizing the page upto 400% of zoom.

Expected Result:
X-axis should not get overlapped when browser zoom level set to 400%.
Declined
Last Updated: 09 Feb 2024 10:52 by ADMIN
Created by: eDAD
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0
Bug Title: NVDA/Narrator is not announcing Search results whether result is found or not.

Severity: Sev2 (High)

Test Environment: OS: Windows 11 22H2
OS Build: 23620.1000

Pre-Requisite: Turn on NVDA/Narrator.

Repro steps:
1.Now turn on NVDA/Narrator
2.Open this  url "app.component.ts - nodebox - CodeSandbox".
3.Tab till preview tab which is present at right down corner.
4.Tab till quick filter input box and press enter.
5.Observe that NVDA/Narrator is not announcing Search results whether result is found or not.

Actual Result:
Narrator/NVDA is not announcing Search results whether result is found or not.

Expected Result:
Narrator/NVDA should announce Search results whether result is found or not.
Declined
Last Updated: 20 Mar 2024 16:08 by ADMIN
Created by: Ammaiyappan
Comments: 5
Category: Slider
Type: Bug Report
0

when click kendo slider increment or decrement tile it's moving two small steps.

My case instead of moving two steps, one step need to move

Declined
Last Updated: 12 Jan 2024 14:54 by ADMIN
Hi Team,
minimized the last column to smallest and it's difficult to expand this column. Could you please help how to expand this column . Thanks.
Declined
Last Updated: 12 Jan 2024 14:55 by ADMIN

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

 

When a detail row is used, the moment you expand one row and scroll, it automatically loads the last items from the dataset.

Ex expand row 1 - start scrolling, and it suddenly loads 5xx th row+;

When grouping is also enabled - expanding the detail row under one group, expands it under all groups.

 

The stackbliz is from the kendo demo page for virtualscroll (with the added detail row).

Declined
Last Updated: 19 Sep 2023 11:52 by Grigory

If you have a kendo grid table with some data over multiple pages and you go e.g. to the last page and then reload the data, resulting with less pages - the table is empty and you have to manually click on the first page to see the data. Here is a working example: 

https://codesandbox.io/s/upbeat-lamarr-d67m8k?file=/src/app/app.component.ts

Step 1. Go to the last page
Step 2. Click on the button "'Reset data" <- you see no data
Step 3. Click on the first page <- You see the data

Declined
Last Updated: 01 Sep 2023 12:30 by ADMIN

Here is a simple example:

HTML:

<kendo-listview
  [height]="400"
  [data]="notes$ | async"
  class="k-d-flex-overflow-auto"
  (scrollBottom)="loadMore()">
  <ng-template kendoListViewHeaderTemplate>
    <span title>Reminders</span>
  </ng-template>
  <ng-template kendoListViewItemTemplate let-dataItem="dataItem">
    <app-message-note [note]="dataItem"></app-message-note>
  </ng-template>
</kendo-listview>

TS: 

@Component({
  selector: 'app-message-list',
  templateUrl: `./message-list.component.html`,
  styles: [
    `
      .k-d-flex-overflow-auto {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        overflow: auto;
      }
    `,
  ],
})
export class MessageListComponent implements OnInit {
  notes$: Observable<NoteDto[]>;

  constructor(private replyService: ReplyNoteService) {}

  ngOnInit(): void {
    this.notes$ = this.replyService.getUserNotesList();
  }

  loadMore() {
    console.log('loading...');
  }
}

Without these styles scroll is not visible.

Current behavior: scroll to the bottom, nothing happens.

Expected behavior: scroll to the bottom "loading..." will be logged to the browser console.


Declined
Last Updated: 22 Jun 2023 08:24 by ADMIN

Test Environment:
Browser: Edge browser Version 114.0.1823.51 (Official build) (64-bit)
OS: Windows 22H2

Steps to Reproduce:

  1. Open the URL - https://angular-kendo-dropdown-list.stackblitz.io/ in edge browser.
  2. Press Tab key and navigate to “Select gender” dropdown.
  3. Run fastpass in Accessibility insights for web extension.


Actual Result: Fastpass run shows "Ensures every ARIA input field has an accessible name" error for “Select gender” dropdown.

Expected Result: Every ARIA input field has an accessible name
Fix ONE of the following:
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty

Element has no title attribute

 

Declined
Last Updated: 21 Jul 2023 04:55 by ADMIN
Created by: eDAD
Comments: 4
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:
Declined
Last Updated: 21 Jul 2023 04:54 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: 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


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: 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: 15 Feb 2023 15:55 by ADMIN
It has the [title] attribute but missing kendoTooltip directive.
Declined
Last Updated: 14 Feb 2023 14:25 by ADMIN
Created by: Mauro
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0

Due to recent changes to kendoButton directive behaving like a component, this directive is no longer compatible.

This was important for buttons used in grid editing to extend the themes and styles of the kendoButton. 

Now this however leads to

ERROR Error: NG0300: Multiple components match node with tagname button: ButtonComponent and AddCommandDirective. Find more at https://angular.io/errors/NG0300


 

 

Declined
Last Updated: 21 Feb 2023 13:32 by ADMIN

In dialog, if we close it giving `false` as a result i.e.

```

this.dialog.close(false)

```

Actual return is empty object.

Additional thing is result itself in `DialogRef` is force-typed as `DialogResult` despite that actual `dialogRef.close()` allows us to return any value.In such case I'd understand mapping to empty object (probably some truthy-based if which maps to empty object) but then close method should also force-type taken argument. So can we return any value or not?

Ideally it should return `undefined` in case of no result value is provided (also mapped to empty object) and return `false` if we return `false`

1 2 3 4