Description
Description
I am using Keyboard library to enter inputs in the table cells created using https://github.com/handsontable/handsontable . I call keyboard on 'afterSelectionEnd' on text editor element which has class 'handsontableInput' and it appears just below cell.
Here is code
Code of Keyboard
function keyboard()
{
$('.handsontableInput').keyboard
({
layout: 'custom',
customLayout: {
'default' : [
//keys
],
},
})
.addTyping()
.getkeyboard().reveal();
}
afterSelectionEnd : function (instance,col,row,td){
this.getActiveEditor().beginEditing();
keyboard();
},
Please refer jsfiddle
When I have single table on page, it works perfectly.
But when there are multiple tables on page, result is different
Steps to reproduce
Click on the cell of first table, keyboard appears below cell which is good
Click on the cell of second table.
Result : keyboard appears in left top of page and value in preview is previously selected cell's value
Again click in the same cell of second table
Result : Keyboard appears just below cell which is good
Expected behavior : When user clicks on cell of second table first time ( step 2 ), it should appear immediately below it.
Please guide to solve this problem.
I have posted same issue on Handsontable and on Stackoverflow