How to disable arrow navigation in GridToolBarTemplate

[Bram]

Hi

I want to add a textbox in the  GridToolBarTemplate. Because of the built-in arrow navigation it is not possible to move the cursor inside the textbox. Is it possible to disable the default arrow navigation in the GridToolBar?

Example in this simple REPL

Enter any text in the Textbox, hit the left arrow keyboard button and notice the cursor stays at the end of the text.

 

Best regards

Bram

[Dimo]

Hello Bram,

You can prevent the key events from bubbling from the TextBox to the ToolBar:

<GridToolBarTemplate>
    <span onkeydown="event.stopPropagation()">
        <TelerikTextBox @bind-Value="@TestInput"
                                  Placeholder="Placeholder...">
        </TelerikTextBox>
    </span>
</GridToolBarTemplate>

Regards,
Dimo
Progress Telerik