Android 12 / Chrome 11 / Fixed Headers and Text Input Bug

undert03

When using Android 12 and Chrome 11 with this example
https://datatables.net/extensions/fixedheader/examples/options/columnFiltering.html

If you click on the one of the column headers text inputs it creates and endless looping with focus and unfocus showing / hiding the keyboard.

video of the issue
https://www.loom.com/share/3f162ccbed4647829a659f9a5bd69184?sid=12058e93-b560-4726-ad58-57ad724d6e69

iOS latest & Chrome do not produce the same issue, nor do any other browsers

colin

Yep, I'm seeing that on Android 13 too, thanks for reporting. I've raised it internally (DD-2682 for my reference) and we'll report back here when there's an update.

Cheers,

Colin

undert03

Thanks Colin!

allan

I've just had a little look, and I don't have an immediate fix I'm afraid. It is this stuff that is causing the issue - we attempt to refocus to the input element that was focused on, since otherwise focus is lost when we move the fixed header element around the DOM. That in turn is causing Android to show the keyboard, when it is lost it hides. Both operations cause a scroll event which triggers this again and ... (loop).

Its going to require some more investigation...

Allan

cmcawood

Having the same issue here, would love a workaround or a fix!