Version 19 Grid that is selectable is preventing space bar input for elements inside the grid

1 Answer 26 Views
Grid
Noah
Top achievements
Rank 2
Iron
Iron
Iron
Noah asked on 30 May 2025, 01:49 PM
In version 19, if a grid is selectable you can't type spaces into inputs inside of a cell detail template inside the grid.  With the template below I am not able to type spaces in the textarea.  If I change selectable to false, the text area allows spaces. If I revert to version 18 it works as expected.
<kendo-grid [selectable]="true" [kendoGridBinding]="[{name: 'bill', age: 55}]">
  <kendo-grid-column field="name" title="Name"></kendo-grid-column>
  <kendo-grid-column field="age" title="Age"></kendo-grid-column>
  <ng-template kendoGridDetailTemplate>
    <textarea rows="3"></textarea>
  </ng-template>
  
</kendo-grid>

1 Answer, 1 is accepted

Sort by
0
Martin Bechev
Telerik team
answered on 04 Jun 2025, 11:58 AM

Hi Noah,

Thank you for the heads up.

We will look into this issue more thoroughly.

In the meantime as a workaround, you can set the navigable property to false (in case the keyboard navigation isn't used). Otherwise, you can handle the keydown event of the textarea and prevent it:

<textbox (keydown)="stopKeydown($event)" kendoGridFocusable></textbox>
stopKeydown(event: KeyboardEvent): void {
    event.stopPropagation();
}

Please try the workaround and let us know how it goes.

Regards,
Martin Bechev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Grid
Asked by
Noah
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Martin Bechev
Telerik team
Share this question
or