Took a closer look at your page. Looks like you have two modals with password fields. These are below the Datatable. Based on this in the thread I linked to:
the reason the input field was being auto-populated with the username is because Chrome auto-fills the first password field it finds (and you can't stop it), and then also auto-fills with the user name whatever input field comes before the password field in the DOM
It would seem likely that the Datatables search input, which is before the password fields, might be filed in. I would try moving the modals above Datatables in the DOM.
Answers
The database will be loaded through PHP and Will be shown a simple HTML Table, then Datatable will load those data...
Ohh you mean, DataTables, Well am using the CDN of DataTable..
I can add the DataTable locally and check that for sure... Let me see.
From the SO thread Kevin linked to:
That suggests my attempt probably won't work. I'd suggest trying the approach in that SO thread first.
Seems like a really significant issue in Chrome to me...
Allan
Took a closer look at your page. Looks like you have two modals with password fields. These are below the Datatable. Based on this in the thread I linked to:
It would seem likely that the Datatables search input, which is before the password fields, might be filed in. I would try moving the modals above Datatables in the DOM.
Kevin
Finally, Thanks guys., As Kevin suggested and that article was saying... After moving Modals to the above of DataTables, it fixed the issue
Amazing solution, Kevin! Pure luck that this didn't happen to me, I guess
Nice one Kevin. That's one for me to put in to the memory bank as I'm sure this will crop up again.
Allan