I am using jQuery 1.3.2. There is an input field in a form. Clicking on the input field opens a div as a dropdown. The div contains a list of items. As the list size is large there is a vertical scrollbar in the div.
There is a blur event on the input field, to close the drop down when clicked outside, . Now the problem is: In chrome(2.0.172) when we click on the scrollbar, the input field will loose focus. And now if you click outside, then the dropdown won't close(as the input has already lost focus when you clicked on the srollbar) In Firefox(3.5), IE(8), opera(9.64), safari() when we click on the scrollbar the input field will not loose focus. Hence when you click outside (after clicking on the srollbar) the dropdown will close. This is the expected behaviour. So In chrome once the scrollbar is clicked, and then if I click outside the dropdown won't close. How can i fix this issue with chrome.