Popup stops appearing after clicking on the inputbox

1 Answer 49 Views
ComboBox DropDownList Grid
fpsoft
Top achievements
Rank 2
Iron
fpsoft asked on 04 Sep 2023, 10:03 PM

Hi there.
Using the Grid component, setting "Navigable" to "true" and having a DropDownList makes the popup of the component not appear after the user has clicked on the input box.

The DropDownList has a button (with an arrow pointing down) on its right side. Clicking on the button makes the popup appear. The popup also appears if the user clicks on the input box of the component, but this last scenario does not happen if the component is inside a Grid which has "Navigable" set to "true". In this state, the button mentioned also makes the popup not appear.

Here is a gif which showcases this behaviour: https://i.gyazo.com/a071f9fba72d08261d438e31b240d606.mp4
This also affects the ComboBox component: https://i.gyazo.com/bcf2f10a6a6c923d825865ecdf0a7f5a.mp4

Here is the REPL link: https://blazorrepl.telerik.com/mnkDOScb41h1aOK602

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 07 Sep 2023, 08:00 AM

Hi Fabio,

By default, the Grid doesn't assume that its display template will contain an editor. In your case, please wrap the DropDownList in:

<span @onclick:stopPropagation>
    <TelerikDropDownList @bind-Value="@item.UserType" Data="@item.Types">
    </TelerikDropDownList>
</span>

Regards,
Dimo
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
Tags
ComboBox DropDownList Grid
Asked by
fpsoft
Top achievements
Rank 2
Iron
Answers by
Dimo
Telerik team
Share this question
or