Fixed Headers extension with individual column searching in headers -- Android

mecharoon

Using the FixedHeaders extension with individual column searching there are multiple issues with tapping on the search inputs. First is before getting to the fixedheader if you tap on an input you'll end up in a loop with the screen keyboard flickering and focus going in and out of the input. Second, if you scroll down to get the fixedheader and then click on an input, focus is lost almost immediately. I have tried several configurations of adding inputs to the table with no success.

Test case can be demonstrated here (must open on an android device):
https://datatables.net/extensions/fixedheader/examples/options/columnFiltering.html

This issue seems to only occur on android devices. I am using Chrome v115 and Android 11, however it seems to apply to most if not all android devices.

I am fairly certain it is due to the screen keyboard triggering a recalculation of the dimensions of the page/table.

allan

Hi,

You are 100% correct in your analysis of what is causing the issue. At the moment I'm afraid I don't have a fix for this - I'm honestly not certain what the fix would be! Avoiding having the search inputs in the header and perhaps using something like SearchBuilder.

Apologies for not having a better answer. It is something I plan to dig into in detail at some point, I've just not had a chance to do so yet.

Allan