Dynamic Grid Filter Operator Selector Throws QuerySelector Syntax Error After Upgrade to v10

Radzen.Blazor Components
1

I recently upgraded my Radzen Blazor application from version 8 to version 10. After the upgrade, I'm encountering a JavaScript error whenever I click on the filter operator selector for the columns in my dynamic grid.

The error is as follows:

Radzen.Blazor.js?v=10.4.3.0:1914 Uncaught SyntaxError: Failed to execute 'querySelector' on 'Element': '[aria-controls="popupWcXPUr1sqk(String)it["adsFileType"](String)it["adsFileType"]fm"]' is not a valid selector.
    at Object.setPopupAriaExpanded (Radzen.Blazor.js?v=10.4.3.0:1914:24)
    at Object.openPopup (Radzen.Blazor.js?v=10.4.3.0:1962:12)
    at Object.togglePopup (Radzen.Blazor.js?v=10.4.3.0:2307:14)
    at HTMLButtonElement.onclick (filecontrol:1:8)

The column is adsFileType, and the data type is Dictionary<string, object>.
What is the cause of this issue, and how to fix this?

2

The latest version is 11.x - I’m unable to replicate such error on our demo:

3

Hi @enchev,

Thank you for checking this.

I was actually able to reproduce the issue on your demo. If you change the grid's FilterMode to FilterMode.SimpleWithMenu, then click the filter operator selector, the same JavaScript error occurs.

Could you please take another look?

4

I was able to find and fix the problem! The fix will be included in our next update early next week.