How to prevent chrome from injecting content to webpage
- by Nazariy
Recently I have discovered that my application is misbehaving in Google Chrome.
On a page with a form, after it was submitted, my application reloads page using simple method like this:
header('Location: ' . $url);
after that, page is rendered incorrectly and this content is injected to DOM
<div id="sbi_camera_button" class="sbi_search" style="left: 0px; top: 0px; position: absolute; width: 29px; height: 27px; border: none; margin: 0px; padding: 0px; z-index: 2147483647; display: none; "></div>
After manual page refresh everything works as expected.
I'm not sure what causing this behavior, as I'm working in closed local environment and application works fine in Firefox.
My application using following libraries (hosted locally):
jQuery v1.7.1
jQuery UI 1.8.16
Bootstrap.js v 2.1.1
Can someone suggest me what can possibly cause this issue?