Please add a property (e.g., OpenOnFocus or AutoOpenOnEdit) to dropdown-based components (such as DropDownList, ComboBox, or inline grid editors) to automatically open the dropdown when the component gains focus or enters edit mode.

Why This Matters

In data-dense UIs — like inline grid editing, cutover task assignment, or status changes — users often need to:

 

• Quickly select from a known list, such as Status, Owner, or Type.
• Tab rapidly through form fields without needing extra clicks.
• Use keyboard-only navigation efficiently.
  

Currently, dropdowns often require an additional manual click to open — which slows down power users and disrupts workflows in editable grids.

Hello,

related to my previous bug report.

When Add / Edit is clicked in the Grid, it causes a Dialog to open. 

The dialog has a Form, and if the model for that form is set through OnParametersSet, the method is called in an infinite loop, and the Dialog never gets shown.

Grids honor the [DisplayFormat(DataFormatString ... )] annotation for column content, but the FilterMenuType.CheckBoxList filter menu and the TelerikCheckBoxListFilter component don't. This is particularly noteworthy for formatting that truncates the contents such as DateTime which frequently tracks data smaller than user's care about, which can generate many visually identical checkboxes. To go along with the requested change, it would be nice if the filter matched off of the DisplayFormat string considering that is what the user sees and would therefore be referencing, since again, many DataFormatStrings can truncate data.

Because the TelerikCheckBoxListFilter component requires the field to match the data type of the grid's field, there isn't a way for the programmer to choose to show the filter menu with a checklist that matches the displayed values without building a fully custom FilterMenuTemplate with their own foreach loop and then figuring out a way to construct a CompositeFilterDescriptor filled with bracketing FilterDescriptors to account for the range of matching values. This is doubly troublesome since using the structure of CompositeFilterDescriptors needed to do that is not supported in the FilterMenuTemplate without also having to override the FilterMenuButtonsTemplate.

Generally speaking, it would make more sense to the users if the default options in the filter logically and visually matched with the default displayed values.

Reference material:
Grid column contents: https://www.telerik.com/blazor-ui/documentation/components/grid/columns/display-format
Checkbox List: https://www.telerik.com/blazor-ui/documentation/components/grid/filter/checkboxlist
Alternate FilterDescriptor shapes not supported: https://feedback.telerik.com/blazor/1681745-clear-button-in-grid-filtermenu-not-properly-clearing-custom-filter

Example Repl: https://blazorrepl.telerik.com/mJOSuxQw117zM1h321

Making a feature request for functional parity to help people converting older Telerik versions. There is currently FilterMenuType.CheckBoxList and FilterMenuType.Menu, it would be useful to have a built in option for FilterMenuType.Both which is akin to the below examples so people can maintain user experience without having to install a <FilterMenuTemplate> into every column of every grid they use.

(https://docs.telerik.com/devtools/wpf/controls/radgridview/filtering/basic)


(https://docs.telerik.com/devtools/winui/controls/raddatagrid/filtering/datagrid-overview)

can you provide a initial File click event handler attribute?

I want the user to be able to click on an initial file to download the file.

I am trying to make a custom component to put in the Grid's FilterMenuTemplate that stacks the default contents from FilterMenuType.Menu above the default contents of FilterMenuType.CheckBoxList since there isn't a 'both' option in Blazor like there was in the Silverlight library. I am using the TelerikFilter as a placeholder for now to try and get basic logic working, but if there is a simple solution to directly insert the default menu without my component having to generate the list of allowed filter operators for it's own dropdowns, that would also be appreciated. My goal is to make my component look like the two menu types stacked.

While working on how to connect the filters together, I noticed that the clear button can gets the later part of the CompositeFilterDescriptor stuck in the grid.

Reproducible example:  https://blazorrepl.telerik.com/wzuRPRvB00Vlj1Ac28

With the current configuration of the repl, filtering using only the TelerikCheckBoxListFilter and clicking filter will filter the column as expected, and clicking clear will blank out the checklist but won't reset the grid's filtering from those checkboxes until after ticking a checkbox and clicking filter, then unticking all checkboxes and clicking filter again. If the checkbox gets used then the clear button gets clicked, clicking the filter button after using the TelerikFilter without any checkboxes checked will filter based on the checkboxes the grid remembers ANDed with the new values from the TelerikFilter, again until the checkbox gets used and then manually emptied without using the clear button.

If the order of _textFilterValueInternal and _checkFilterValueInternal in the FilterDescriptors list get reversed, then the grid's filter memory issue gets transferred to the TelerikFilter meaning the issue is presumably with the grid itself. Also, if you use one or more values in both filters, then the clear button works as intended if there weren't already filters stuck inside the grid.

The clear button works as expected if filtering with both the filter and the checklist before clearing the filter.

Example images:

Start:

Check some boxes:


Filtered:


Open filter menu and click "Clear":


Re-open the filter menu:


New filter:


Click "Filter":


Re-open filter menu:


Click "Clear" button again:

The desired use case is to have the ColumnChooser as a separate component that is not dependent and opened from the menu of a specific column. I want to have the ability to open the ColumnChooser from a button in the Toolbar, for example.

The problematic behavior can be reproduced in the following case:

• The DropDownList is at the lower part of the page, so the popup is rendered on top of the main element.
• The popup height is set to "auto".

In this scenario, when the user filters, the popup position remains unchanged but its height is reduced to fit the filter results. Thus, the popup looks detached from the main element. The behavior is not the same when the popup is rendered below the main element as in this case its top part sticks to the main element.

Reproduction: https://blazorrepl.telerik.com/mpEHGzOt25F1Znxi57.

===

ADMIN EDIT

===

As a workaround for the time being, you can ensure that the popup has a fixed height, so it does not collapse when there are less items to show. You may keep the default popup height or set your desired one through the settings tag. For example: https://blazorrepl.telerik.com/mpYdcfaN38JvIHgP41.

It would be fantastic to be able to set a default ThemeColor to apply to all Telerik components site wide. This would prevent us from needing to set ThemeColor on every component individually. 

I want to be able to use Autocomplete's for strings separated by commas, semicolons, etc. So if a user has a grocery list string and every item is separated by a comma (Apples, Bananas, Cheese, ...) I want them to be able to use the auto complete to quickly find items quicker (think more along the lines of specific brands, quantities, sizes, for every item) and still build out their list of string. 
So the user would have something like: 'Cupcakes (12 count), Mozzarella Cheese - Kraft, ...'
So the autocomplete would filter the string to find the part after the last comma and use that to search, but when the user finds their item and selects it, it needs to append to the string (and add a comma) and not overwrite it. Then continue the cycle.

Attempting to use OnChange does not allow for this to happen. On selection of a dropdown item, it will overwrite the string entirely. 

Hi,

starting with version 6.0, dialogs used together with loading indicator are at wrong z-index order.

- None of hotfixes with "delay" helped.

- users are stucked and cant confirm anything

How to replicate

Click on "Show Confirm with loading indicator". Loading animation should be at BACK of confirm dialog(as at older versions, prior 6.0)

https://blazorrepl.telerik.com/GeOfQMkt56AMkdof43

 

I noticed that when the ReadTimeout property of the FileSelect's FileInfoStream is read, the code seem to block completely.

You will find a Blazor Web App project attached to this ticket showcasing the issue.

I want a similar server-side filtering experience with the Scheduler as we have with Grid. An OnRead event would fire and include a SchedulerReadEventArgs. The DataSourceRequest would include filters for the current view - day, month, etc (and additional filtering if/when a built-in filter is available). SchedulerReadEventArgs would take Data & Count result of appointments. The benefit is similar to Grid Paging in that the result set would be bound by the relevant range of the scheduler.

Hello,

i am trying to add a Clear Button inside the DropDownList-Component.

I tried to follow the instructions provided here: How do I add a Clear button to a DropDownList? in UI for Blazor | Telerik Forums respectiveley here: Telerik REPL for Blazor - The best place to play, experiment, share & learn using Blazor.

But unfortunateley, the button is never inside the component. It's always next to it or under the component.

In your example provided above, the button is inside the component.

I would love to have any solution for this one. A clear button is needed quite often.

I also have attached our custom component, where we use the Telerik DropDownList Component.

Thank you

Hello,

 after uprading fron 7.1.0 to version 8.0.0

on IOS v 16.2, or any version before 17, telerik ui stopped working with this error after navigating between pages:

Microsoft.JSInterop.JSException: Could not find 'TelerikBlazor.initMediaQuery' ('TelerikBlazor' was undefined).

even, when mediaquery is not present at the 2 pages between navigating occurs.(login->landing page)

what iam tried on NEW clean device(so no caching troubles):
- changing order of scripts in app.razor
- adding defer
- addin autostart=false + DOM event
https://www.telerik.com/blazor-ui/documentation/getting-started/what-you-need#javascript-file

- any kind of browsers(on ios everything is webkit-safari)
- independent test on external emulator ip12 ios 16.2
https://appetize.io/app/standalone_lahzvlutkzrno7sqs36cqlj5wy?device=iphone12&osVersion=16.2

attached examples are for comparing of descriped attemps to get it work - both failed. But on v7.1.0, works ok - both.

Is there any breaking changes, which must be modified to get it working?
Thanks

I am really missing a "File Explorer" razor component in your Blazor offer. Most of our existing apps have a file explorer tied to a remote UNC shared network location.

     Dear all,

 

     Please, Can you send the source code for this template with Arabic language     https://demos.telerik.com/blazor-coffee/

    Please add Arabic translate from right to left automatic when select Arabic language

 

I've been looking at your Keyboard Navigation page:
https://demos.telerik.com/blazor-ui/grid/keyboard-navigation

If you are navigating in the Grid and arrow over to the "+" sign and press ENTER it expands the Details. Then you can press TAB to access the button within the details. Great. Your demo works fine.

However, on my grid, I have another grid in my Details section. I would like to be able to expand the Details section and then TAB into those details so I can access the link in the header of the grid, and also be able to use arrow keys to navigate around this sub grid. Well, honestly MOSTLY I just wanted to be able to tab to the "View Checkout History" link within the Details grid. See attached screenshot.

However, pressing TAB after expanding the details simply moves the focus to the first button in the next column of that row. It doesn't go into the Details section like your web demo does for a button.

Please expand your Keyboard Navigation capabilities to allow more navigation into the Details section other than just a button like your demo shows. I'll bet a lot of people probably have sub-grids within their details section.

Thanks!

I would like to use the new structs that are part of .NET6 - the DateOnly and TimeOnly. 

Their support should extend to all respective date and time pickers and more complex components like the Grid, Gantt, Scheduler, and other applicable components. 

Describe the bug

The class 'k-tabstrip' item is missing in the rendering of the TabStrip component.

 

To Reproduce

1. Go to the following demo and open the DevTools:

https://demos.telerik.com/blazor-ui/tabstrip/overview

2. Check the source of truth:

https://github.com/telerik/kendo-themes/blob/develop/tests/tabstrip/tabstrip.html 

 

Actual results

The class 'k-tabstrip-item' is missing.

Expected behavior

The class 'k-tabstrip-item' to be present.

 

Additional context

ThemeBuilder generates styles for the items of the TabStrip component with selectors like these:

.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset.k-tabstrip-items-start .k-item.k-tabstrip-item.k-active .k-link

This works in other technologies, such as Kendo React, but it doesn't take effect in Blazor applications because of the issue.

 

Reported through t.1672526.