Issue with Filter Textbox on Android Tablet (Chrome Browser)

[hirehop]

I'm experiencing an issue when using a filter textbox on my Android tablet in the Chrome browser. When I tap on the textbox, the on-screen keyboard briefly pops up but then immediately closes, making it impossible to enter any text.

Has anyone encountered a similar problem? Any suggestions for a fix would be greatly appreciated.

Thanks in advance for your help!

[paramvir]

Kindly share a jsfiddle with reproducible issue.

[jplevene]

It's due to a Chrome bug when the keyboard pops up the screen resizes a few times https://issues.chromium.org/issues/40924170.

When you select the column filter, the screen resizes and if the grid is getting refreshed on a resize, the header is re-drawn and the focused input is then unfocused, and as a new column header is then created, it obviously doesn't have the focus.

Solutions could be to put the grid in a div and make grid width and height 100% of the parent, then when the screen resizes, resize the div, not the grid.

[paramvir]

The grid body / header cells are not re- redrawn when the browser is resized as can be observed in the example:

https://paramquery.com/pro/demos/filter_header_local