Test Environment:

Windows 11 Enterprise 22H2 22621.1848.
Narrator
Microsoft Edge Version 114.0.1823.79

Repro steps:

1. Open link https://www.telerik.com/kendo-angular-ui/components/grid/examples/filter-all-columns/?theme=default-main&themeVersion=6.4.0
2. Run Narrator
3. Tab to the table present.
4. Tab to the column header "Contact Name" and move to the column menu present and press enter
5. check if the screen reader is announcing the column menu is expanded.

Actual Result:

When pressing enter on the column menu present beside the "Contact name" column header of the table, Screen reader is no announcing the state of the the column as it is expanded or collapsed because of the role set as link.

Expected Result:

When pressing enter on the column menu present beside the "Contact name" column header of the table, screen reader should be announcing the state of the column menu as it is expanded or collapsed, role should be set as button with expand collapse functionality.

When printing directly from Angular PDF Viewer results in a blurry printed PDF document. Downloading to PDF and printing does not affect the document

Hi,

We have a requirement to implement a timezone change in our web application, so when user selects a timezone from combobox all date data should be displayed in selected timezone and datetimepickers should work in this timezone.

Kendo DateTimePicker works with js Date object and it is not possible to set any other timezone than local.

There are some workarounds of how to display datetime in different timezone, but it is not possible to select one in different timezone other than local. And Today and Now buttons also selects date in local timezone.

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

Basically, we have just a limitation that we could not use host directives if the directive is not standalone:

see for example :

https://angular.io/guide/directive-composition-api#adding-directives-to-a-component

and about cdk (they are not ready as well):

https://github.com/angular/components/issues/26036#issuecomment-1588683306

Thanks

Diego

Hello Kendo Team, 

It would be great if we could have some differentiation when the user closes the delete dialog for kendo scheduler, that way we could take actions accordingly.

Scenarios
1. By clicking on close icon on top right corner.

2. By clicking on clicking on cancel button.

3. By clicking on backdrop.

input to grid:

@Input()
public additionalExcelExportInfos: { additionalWorksheetTitle: string, 
parameters: { key: string, parameterValue: any }[]
};

output in excel file:

Hi Team,

I am looking for the ability to know from which resource (row) the [RemoveEvent](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/RemoveEvent) is originated when a single event is shared by many resources.

Thanks

Alrick

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

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.

Hi,

The condition is that we need a homepage with multiple dynamic tabs. Only one component is active at any given time in this feature. However, if we want to view the data from two or more tabs simultaneously, we can drag and position them next to each other, similar to how we see tabs in Chrome and other browsers. This functionality is controlled by docking managers.

Thank you in advance for your consideration.

Hello,

The feature applies mainly to scatter plots and is as follows:

* The user has the ability to select individual data points by clicking on them after which they are highlighted.

* The user has the ability to select regions of points by clicking and dragging. These regions can be a lasso, rectangle, oval, free form, or any other shape.

* The user has the ability to select multiple points or regions of points simultaneously (i.e. previously selected points/regions don't "unselect" when the user selects new ones).

An example of this is this Lightning Charts example: https://lightningchart.com/lightningchart-js-interactive-examples/edit/lcjs-example-0040-customLassoInteraction.html?isList=true

I'm also attaching a script that you can copy and paste into the example above which shows the ability to select rectangular regions and individual data points.

When adding a filter to a grid, there is no way to define "case insensitivity" for the oData filter query.
There is a property in the Data Query library (toLower) but it seems only to work for the value and not accessible from grid.

This Feature Request is to have the ability to do case insensitive queries via the query string and not in the API.

Built-in editors lack the option to set accessible labels. This can be worked around by declaring an editor template.

A built-in setting for the label would be nice to have. The column title can be used as a default.

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));
        }
       

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"));
  }
}