Angular focus on cell selected a templated combobox.

Hi! I have a Grid with some column templates that creates a combo box inside the cells of the grid.
When I click the cell the combo box get focused, but when I use the keyboard (arrows or tab) the cell is selected but I cannot focus on the combo box. I see that a ejs-numericinput get focused this way.

How can I focus on the inner combobox of the templated column when the Cell is Selected?

Thanks



2 Replies 1 reply marked as answer

CS Cesar Smerling November 12, 2020 12:47 PM UTC

Hi! I manage to focus on the combo box by focusing on the input children when the Cell Selecting changes of the currentCell.

But this works with arrow keyboard navigation but not with Tab.
I search the keyboard docs and found:
TabMoves the cell selection right side.
Shift + TabMoves the cell selection left side.

But the Tab doesn't make cell selection doesn't fired the event so the focus is not working in this case.

How can I make a cell selection with Tab?? Like moving with arrows.

Thanks!


VS Vignesh Sivagnanam Syncfusion Team November 12, 2020 12:55 PM UTC

Hi Cesar 

Greeting from Syncfusion support  

Based on your query we suspect that the comboBox in the column template is not open a popup while clicking the arrow buttons. So, please confirm this is the exact requirement in the grid. 

By default, the keyboard arrows are used to change the values inside the box. This is the default behavior of the ej2 ComboBox. Please refer the below demo for your reference, 


Please share the below details to provide the solution as soon as possible, 

1. If Possible, share the  Video Demonstration of requirement. 
 
2. Share the Syncfusion package version. 
 
Regards 
Vignesh Sivagnanam 


Marked as answer
Loader.
Up arrow icon