RadzenDropDown with AllowFiltering="true" inside RadzenDataGrid opens and closes automatically (Blazor Server)

Radzen.Blazor Components
1

Hi,

I’m experiencing a strange behavior with RadzenDropDown when using AllowFiltering="true" inside a RadzenDataGrid in Blazor Server.

Issue

When the dropdown is placed inside a DataGrid (for example, in a column template or edit template), clicking on it causes the dropdown panel to open and immediately close.
This only happens when AllowFiltering="true" is enabled.

If AllowFiltering="false", the dropdown works correctly.

Important note

I was able to reproduce the exact same issue directly on the official Radzen demo pages.
So this does not appear to be related to custom code or project configuration, but rather a component-level issue.

Environment

  • Blazor Server

  • .NET 10

  • Last version of Radzen

  • Browser tested: Chrome (also happens on tablet / mobile)

Example

<RadzenDropDown
    Data="@items"
    TextProperty="Name"
    ValueProperty="Id"
    @bind-Value="@value"
    AllowFiltering="true"
    Style="width:100%" />

When this component is rendered inside a RadzenDataGrid, the dropdown opens and closes automatically, making it impossible to use the filter input.

Thanks in advance.

2

I’ve tried our demos locally started as Blazor server however I was not able to replicate such problem:

image
image1920×1080 130 KB

image
image1920×1080 283 KB

image
image1920×1080 245 KB

3

Hi Vladimir, thanks for checking.

It seems the issue is specifically related to touch devices.

The problem does not reproduce consistently on desktop, but it does reproduce on iPhone and tablets (touch input).
When AllowFiltering="true" is enabled, tapping the RadzenDropDown causes it to open and immediately close, making it impossible to type in the filter input.

This behavior can also be observed on the Radzen demo pages when accessed from an iPhone or tablet.

4

image
image660×869 92.6 KB

Here’s a pic on where to find the error. If you enter to Radzen blazor components, select Dropdown → Filtering and press clic on the first or second dropdown, it will open and close automatically

5

Here is what I see on my iPhone using latest iOS:

IMG_2586
IMG_25861284×2778 235 KB

And here is on Android

IMG_2587
IMG_2587720×1601 104 KB

6

Hi Vladimir, thanks for the clarification.

Just to be very explicit:
I’m not referring to mobile phones, but specifically to tablets.

  • On mobile phones, the dropdown seems to work fine.

  • On tablets (for example: iPad), the issue does reproduce.

On tablets, when AllowFiltering="true" is enabled and the RadzenDropDown is used inside a RadzenDataGrid, tapping the dropdown causes it to open and immediately close.

This can also be reproduced on the Radzen demo pages when accessed from a tablet device.

7

Here is a gif that shows the issue:
radzen-dropdown-error

8

This is what I see on iPad

image0
image01620×2160 417 KB

9

Vladimir, it’s clear that you’re having trouble reproducing the issue.
I don’t think sharing screenshots of working scenarios is the best way to address it…but here is another one, this was done on an iPhone 13 PRO:

bug_on_iphone13

I’ve provided a GIF that clearly shows the problem occurring in my case.

The first GIF was recorded on an iPad Pro 11 and the second GIF was recorded on an iPhone 11, and I’ve also confirmed the same issue on an iPad Air 4, iPad Mini, and iPhone 11.
Think you can try on those devices?

10

Well, since we cannot reproduce the issue however you clearly can I suggest you to debug your setup and propose a fix - we accept pull requests.