Pending Review
Last Updated: 16 Jul 2024 08:48 by pihihap

Hi,

I've noticed a strange issue with the ContextMenu: in Firefox, the div text selection loses focus after the context menu is shown.

My actual goal is to perform some functionality on the selected text by clicking the appropriate item from the context menu. However, the selection is lost after the context menu is displayed, making it difficult for the user to identify the current selection. This issue occurs only in Firefox; it works fine in Chrome and Edge.

I have attached below sample code and sample screenshot.

Here is Chrome/Edge context menu behavior (as expected).

Here is FireFox context menu behavior (focus lost on selected text).

Sample Code:

https://stackblitz.com/edit/angular-udag3v-aoxarf?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fcontextmenu-items.ts

Please let me know if there is any solution for this.

Thanks,

 

Declined
Last Updated: 14 Jun 2024 07:51 by ADMIN
Created by: anthony
Comments: 3
Category: Kendo UI for Angular
Type: Bug Report
2

I'm experiencing an issue with the filtering and sorting functions in a Kendo Grid. This problem seems to occur with the latest version of Kendo UI for Angular in combination with Angular 18.

I have created a sample project on StackBlitz where the issue can be reproduced: StackBlitz Project.

In the example, you can see that the filtering and sorting capabilities are enabled. However, both filtering and sorting do not seem to work correctly.

Here is a relevant code snippet:

<kendo-grid [data]="gridData" [selectable]="selectableSettings" [navigable]="true" [height]="300" filterable="menu, row" [sortable]="true">
    <kendo-grid-column field="ProductName" title="Product Name"></kendo-grid-column>
    <kendo-grid-column field="UnitsInStock" title="Units In Stock"></kendo-grid-column>
    <kendo-grid-column field="UnitsOnOrder" title="Units On Order"></kendo-grid-column>
    <kendo-grid-column field="ReorderLevel" title="Reorder Level"></kendo-grid-column>
</kendo-grid>

What I have tried:

  1. I checked that the correct versions of Kendo UI and Angular are installed.
  2. I tried different settings for the filtering and sorting capabilities.
  3. I reviewed the Kendo UI documentation to ensure I didn't miss anything.

Current behavior:

  • Filtering: When I try to filter, the results are not updated correctly.
  • Sorting: Sorting does not seem to produce the correct order.

Expected behavior:

  • The grid should correctly filter and sort based on the column values.

Am I doing something wrong, or does this seem to be an issue with the Kendo UI framework? Any suggestions or solutions are welcome!

Thanks in advance for the help!

Duplicated
Last Updated: 30 May 2024 07:18 by Ekaterina
Created by: Ekaterina
Comments: 2
Category: Kendo UI for Angular
Type: Bug Report
0

Hi, Kendo team.

We have a small but annoying bug.

In the table filter for numeric column:

  • user type first part of floating value quickly - Filter button is still disable
  • user type comma symbol
  • then Filter button became enabled - comma symbol disappears
  • if user type slowly (or very quick) - then is not such bug.

Is it any workaround for it?

Thank you.

Ekaterina.

 

Declined
Last Updated: 23 Apr 2024 08:36 by ADMIN

https://stackblitz.com/edit/angular-pxppfk-s4ix7b?file=tsconfig.json

 

Change target in tsconfig in this stackblitz to targer es2022 to recreate bug

Completed
Last Updated: 11 Apr 2024 13:03 by ADMIN
Created by: Hui Chuan
Comments: 2
Category: Kendo UI for Angular
Type: Bug Report
0

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.

In Development
Last Updated: 10 Apr 2024 14:42 by ADMIN

Severity: Sev2 

Environment (OS, Application, Versions): 

OS: Windows11 (build 22631.3296)
Chrome Version 122.0.6261.129 (Official Build) (64-bit) 
Chromium Edge Version 122.0.2365.80 (Official build) (64-bit)

AT (include version number):

NVDA Version 2023.3.4. (2023.3.4. 31265) 
Jaws (Version 2024.2312.53) 
Narrator (Version Win11) 

Repro Steps: 

1.Turn on NVDA screen reader. 
2.Hit the Dropdowns Library - Overview | Kendo UI for Angular (telerik.com) 
3.TAB till "AutoComplete" edit combo box and insert "C", suggestion list will expand. 
4.Press down arrow key to navigate through expanded list. 
5.Observe that NVDA is not announcing the available list items.  

Actual Results: 

NVDA is not announcing the available suggestion list items of "Auto complete" combo box when we navigate with arrow keys.

Expected Results: 

NVDA should announce the available suggestion list items of "Auto complete" combo box when we navigate with arrow keys. 

9991592_NVDA_KendoExternal.mp4

9991592_Jaws_KendoExternal.mp4

9991592_Narrator_KendoExternal.mp4

Declined
Last Updated: 09 Apr 2024 07:45 by ADMIN
Created by: Peter
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0

The inner circle of radio buttons are incorrectly scaled/positioned in Bootstrap themes. The radio buttons in bootstrap theme are by default dependent on "rem" unit. For applications, that specify different base for "rem" unit, than 16px, it is possible to naturally override dimensions of the radio button without any specific overrides.

 

In example application, the following points are important:

1. :root specifies font-size=24px. So 1rem=24px.

2. Radio buttons uses size="small". The width and height then defaults to 0.75rem=18px.

 

Important note, is that the wrong positioning of inner circle is most visible when scaling down the browser view. There is offset by 1px to the sides. The image in the attachments is screenshot from the application and demonstrates the offset in pixels from the sides. The first number above the radio button is the offset of the inner circle in pixels from the left, the second number after "/" is the offset of inner circle from the right.

 

This issue appears only if the dimensions are being increased/decreased in respect to the default "medium" size. If the radio button is scaled using "scale" CSS function, then the scaling is correctly preserved. Also I didn't notice any problem for the "medium" sized radio button in any browser view. The root font-size might not be important for bug to be reproducible, but inconsistencies are then more visible.

 
Duplicated
Last Updated: 21 Mar 2024 13:00 by ADMIN
Created by: avto
Comments: 0
Category: Kendo UI for Angular
Type: Bug Report
0
 VM4197:1 ERROR DOMException: Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name. angular 17.3.0  kendo ui angular 

 

VM4197:1 ERROR DOMException: Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name.
    at NoneEncapsulationDomRenderer.setAttribute (http://localhost:4200/vendor.js:119479:10)
    at AnimationRenderer.setAttribute (http://localhost:4200/vendor.js:62816:19)
    at setElementAttribute (http://localhost:4200/vendor.js:85461:14)
    at elementAttributeInternal (http://localhost:4200/vendor.js:85452:3)
    at ɵɵattribute (http://localhost:4200/vendor.js:93158:5)
    at TabComponent_HostBindings (http://localhost:4200/vendor.js:249798:98)
    at processHostBindingOpCodes (http://localhost:4200/vendor.js:84508:9)
    at refreshView (http://localhost:4200/vendor.js:86192:5)
    at detectChangesInView$1 (http://localhost:4200/vendor.js:86366:5)
    at detectChangesInViewIfAttached (http://localhost:4200/vendor.js:86329:3)
    at detectChangesInEmbeddedViews (http://localhost:4200/vendor.js:86287:7)
    at refreshView (http://localhost:4200/vendor.js:86171:5)
    at detectChangesInView$1 (http://localhost:4200/vendor.js:86366:5)
    at detectChangesInViewIfAttached (http://localhost:4200/vendor.js:86329:3)
    at detectChangesInEmbeddedViews (http://localhost:4200/vendor.js:86287:7)
    at refreshView (http://localhost:4200/vendor.js:86171:5)
    at detectChangesInView$1 (http://localhost:4200/vendor.js:86366:5)
    at detectChangesInViewIfAttached (http://localhost:4200/vendor.js:86329:3)
    at detectChangesInEmbeddedViews (http://localhost:4200/vendor.js:86287:7)
    at refreshView (http://localhost:4200/vendor.js:86171:5)
Unplanned
Last Updated: 19 Mar 2024 15:56 by ADMIN

When virtual is true for a multiselect and checkboxes are set to true, there is a bug which results in multiple items being selected.

To reproduce, one needs to scroll down a long list of items.  The amount to scroll seems random but might have something to do with the itemHeight setting.  When clicking directly inside the checkbox, two items are selected at once - the item selected, and one other seemingly random item.   This does not happen if the click selection event happens inside the item, but not the checkbox.

I have reproduced this inside this code sandbox: https://codesandbox.io/p/sandbox/mystifying-shirley-2qxn32

 

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
Unplanned
Last Updated: 28 Feb 2024 10:01 by ADMIN

Dear Kendo-Supportteam,

We are experiencing an issue with the Editor component.

It turns out that setting the iframe input to false causes the paste event to be triggered twice.
Once as documented before the valueChange event and once seemingly as the native paste event after valueChange.

There are multiple issues resulting from this.

  1. Calling preventDefault on the initial event also does NOT prevent the native event from triggering directly after. Only the following events from the Editor itself are prevented.
  2. As the next event is the actual native event of type ClipboardEvent, the interface is different from what the type definitions suggest. Leading to errors, if the attached method tries to just call isDefaultPrevented on the event.

It is quite easy to reproduce this from your event demonstration examples by just setting the iframe input to false and maybe also trying to call isDefaultPrevented in the respective paste event handler.

Kind Regards,
Hannah

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: 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: 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.
Unplanned
Last Updated: 13 Nov 2023 13:46 by ADMIN
Created by: Mauro
Comments: 9
Category: Kendo UI for Angular
Type: Bug Report
1

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

When using kendoTooltip directive on the upload component - tooltips are positioned in invalid position somewhere on the app.

cancel, delete, retry tooltips.

Completed
Last Updated: 09 Nov 2023 09:52 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: 17 Oct 2023 08:47 by ADMIN
Completed
Last Updated: 13 Oct 2023 14:04 by ADMIN

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.

 

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

Unplanned
Last Updated: 01 Sep 2023 06:31 by ADMIN
Created by: Jaroslav
Comments: 3
Category: Kendo UI for Angular
Type: Bug Report
0

We are exporting an Excel from a treelist -> there are merged cells, and the table has lots of rows (~20k).

It's taking forever (it's unusable) and the reason is that there is an O(N^2) bug in the toXML function: each row adds a merged cell range, and the mergedCells array is scanned linearly for every new row.

I was able to fix this by adding a mergedCells hash (I would be happy to create a pull request).

Also, as a related issue, it would be nice to be able to change the compression level on the generated zip file, because the default again takes forever for large enough files.

1 2 3 4 5