As demonstrated by the example of the current version and its screenshot, the title of the legend is black when using a dark theme:

Legend - Chart - Kendo UI for Angular (telerik.com)

telerik.com/kendo-angular-ui/components/charts/examples/chart/legend/title/?theme=default-main-dark&themeVersion=7.0.1

The rest of the text is white which leads me to believe that this is a bug. This issue is not present when using a light theme.

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.

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.

Kendo version :

How to reproduce :

- Add a kendo dropdown button with some items

- Use appendTo='component' popupSetting

- Bind itemClick and close events

Stackblitz example : https://stackblitz.com/edit/kendo-dropdownbuttons-keyboardnavigation?file=app/app.component.ts

What happens :

- If you use arrows to navigate through items, is always skip one item.

- If you use enter or space to select item, the popup close and reopen immediately.

- If you prevent close as in the stackblitz example : enter and space will fire twice the itemClick event.

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.

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

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

.k-table-row-alt

.k-table-alt-row

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:

Hi,

Currently the kendo-datepicker submits the form when you press the enter key in the calendar popup.

I don't think this is the purpose? Can this be prevented please? If the current behaviour is useful in some scenarios, maybe provide a configuration option to alter this.

Thank you in advance.

Best regards,

Johan

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.

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

https://angular-dxhzju.stackblitz.io

a. In "Show business hours" mode open event creating dialog and set start-end time that is outside of business hours specified, e.g. 07.00-07.30 when business hours are 08.00-20.00.

b. Press Save buttom.

c. Switch to "Show full day" mode.

Actual result - event is not shown.

Event appears only after, e.g. , pressing next arrow button and then pressing back arrow button.

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

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

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/ 

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.

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?

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

Hi,

The example at the following URL is broken. See the attached screenshot for more details. Kindly fix asap. Thanks.

Regards,

Al

I very recently tried to update kendo UI to the latest version (from kendo-default-theme 4.23.0 to latest), and ran into a lot of problems, caused by the fact that I don't use the precompiled css theme styles. (removing the "node_modules/@progress/kendo-theme-default/dist/all.css" from the styles array in angular.json)

It is very opaque which styles needs to be imported for which module, and in what order they to be imported, since that seems to matter too.
Especially because there are no documentation for this at all.

For example, to get the styles for the new kendo-textbox component, the following needs to be imported in the styles.scss, AND in that specific order.

button needs to be first, and forms has to be before textbox and input

@import '~@progress/kendo-theme-default/scss/button/_index.scss';
@import '~@progress/kendo-theme-default/scss/forms/_index.scss';
@import '~@progress/kendo-theme-default/scss/textbox/_index.scss';
@import '~@progress/kendo-theme-default/scss/input/_index.scss';

which means that none of the following will compile: 

@import '~@progress/kendo-theme-default/scss/forms/_index.scss';
@import '~@progress/kendo-theme-default/scss/button/_index.scss';
@import '~@progress/kendo-theme-default/scss/input/_index.scss';
@import '~@progress/kendo-theme-default/scss/textbox/_index.scss';

@import '~@progress/kendo-theme-default/scss/button/_index.scss';
@import '~@progress/kendo-theme-default/scss/input/_index.scss';
@import '~@progress/kendo-theme-default/scss/forms/_index.scss';
@import '~@progress/kendo-theme-default/scss/textbox/_index.scss';

As i see it there are two reasonable ways to solve this, where the first obviously results in the best user experience:

• Refactor the styles "modules" to be 1:1 with either the angular module or the specific component, so using one module/component results in a single SCSS import only
• Create documentation that very explicitly states what files to import and in what order they need to be imported when using compiled SCSS