11:45:55 AM
3G80P7WV8
This is one of the weirdest things I've ever seen and I've finally run into a wall trying to figure out what is causing it. I'll try to explain the environment first and am simply asking for ideas anyone might have for what would cause this.
I'm using ASP.NET 3.5 webforms with master pages and jQuery, including jquery UI. The page also uses datepicker, dialog boxes, microtemplates, json, and the makeTableScrollable plugin.
What I have is a screen that on load pulls in a list of projects using $.ajax. Users can select from the list of projects and it will switch from project list view to project view (these are separate divs on the page.) Selecting a project will hide the list div and display the project details div.
On this page I am using various select menus(dropdownlist). Most of them are .net controls which are used in the list and project views, and I am populating them in the code behind Page_Load which pulls in the list values and binds the data to the select menus.
What is happening is when the user clicks on a menu to show the values, at random times when they move the cursor down to select one of the options, the menu will close on it's own before the user had a chance to select one. Again, I want to emphasize that it does this randomly. So I might click the menu 10 times and 3 times it will close on it's own and 7 times it might stay open like it should. Or the reverse might happen. I have not been able to determine if there is something that triggers this behavior (such as avoiding certain areas of the page, etc.).
One solution I tried that seems to work (it's a total hack) is moving a given select menu down to the bottom of the page and positioning it using position:absolute. When I move the menus to the bottom area of the page, this erratic behavior seems to go away.
In any case, if any one has any idea what might be causing this issue, I'm all ears.
Thanks,
Chris
