ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: hirehop on October 18, 2024, 09:09:30 pm

Title: Issue with Filter Textbox on Android Tablet (Chrome Browser)
Post by: hirehop on October 18, 2024, 09:09:30 pm

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!

Title: Re: Issue with Filter Textbox on Android Tablet (Chrome Browser)
Post by: paramvir on October 21, 2024, 10:10:20 pm

Kindly share a jsfiddle with reproducible issue.

Title: Re: Issue with Filter Textbox on Android Tablet (Chrome Browser)
Post by: jplevene on October 26, 2024, 06:25:05 pm

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.

Title: Re: Issue with Filter Textbox on Android Tablet (Chrome Browser)
Post by: paramvir on October 28, 2024, 06:51:43 pm

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