input focus in jQuery dialog

[frunobulaxParticipant]

Hello, I’m doing an evaluation of jqxGrid. Very impressed so far. My focus is on mobile usability; specifically, using the popup mode for editing cells. I also need to use the grid within a jQuery dialog. Started with one of your popup demos and adapted it to work with only the current cell (versus a whole row). Almost everything works perfectly, *except* that when the grid is in a dialog, I cannot get the focus to go to the jqxNumberInput <input> element. When $(“#popupValue”).jqxNumberInput(“focus”) executes in the jqxWindow’s “open” event the focus rectangle appears, the cursor changes to the caret shape when I hover, the right button popup works, and the mouse wheel even increments the value. But the keyboard is still stuck in the grid: arrow keys move the cell selection around.

The DOM looks correct: the jQuery dialog div’s with z-index=100, your modal div with z-index=18000, and my popup div with z-index=18001. I can drag the popup around with the header and click the Save and Cancel buttons. Just can’t edit. (And similarly, Escape closes the dialog and leaves the popup hanging.)

BTW, I’m initiating the popup edit from a cell double-click, if that matters.

Any ideas? Can post code if you need it.

Thanks.

[DimitarParticipant]

Hello frunobulax,

To be able to better understand your scenario, would you be able to provide us with a JSFiddle which illustrates it? I am also not sure what your jQuery dialog is, but we recommend using jqxWindow.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[frunobulaxParticipant]

I was referring to the jQuery UI dialog.

See http://jsfiddle.net/mzoagwjf/2/.

In setting this up, I discovered that there is no problem with jQuery-ui versions <= 1.9.2 as in the fiddle. If you change the jQuery-ui.js to 1.10.4, the problem appears.

So not sure this is really a problem with your components per se, but perhaps you can easily spot where it is going wrong?

Thanks.

[DimitarParticipant]

Hi frunobulax,

We cannot provide you with guidance about third-party components. We recommend using jqxWindow instead. There are no known issues when using it alongside jqxGrid.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts