Drop down selection menu stopped working on Firefox 16
Hi there,
I have a drop down selection menu (<select></select>) on my website that triggers an ajax function to display a specific table using jquery's datatable. Prior to firefox 16, the selection menu worked fine. I clicked on the menu, and the options showed up. However, ever since I upgraded to firefox16, the selection menu doesn't work as expected anymore :S
Here's the thing, first time I clicked on an option, selection menu expanded, and I can click on any option to trigger the table change function. Everything is working fine till that point.
It's when I clicked on the selection menu the second time, the selection menu stopped working. It didn't even expand and show any options. I checked with firebug (No js error). I tried safemode/hardware acceleration option I read from another thread, it doesn't work either.
I checked with the firebug console log and I noticed the click event was being triggered whenever I clicked on it, but my selection menu somehow just won't expand (The options are in the html). I checked with all the other browsers as well, and everything seems to be fine (Even the previous version of FF).
Strangely enough, when I click on any other elements on the website and then go back to clicking that selection menu, the selection menu seems to have reset to my 1st step's state. (It stopped expanding as soon as I chose an option though and I will have to click on another element again.)
Chuck
Modified by Idias
All Replies (6)
Some people have reported problems with menus failing to display options when the control is in an iframe, and this has been logged into the bug system. Does that sounds relevant? Perhaps not if it works intermittently.
Anything relevant in Firefox's Error Console (Ctrl+Shift+j) (probably the same as what appears in Firebug's error console)?
Is there any page online that demonstrates the problem?
Does your event handler rely in any way on a blur event? If so, that might explain why clicking another element is helpful. Not sure why that would have changed, but I think it might have come up in another thread.
Also, generally speaking, when you have a problem with one particular site, a good "first thing to try" is clearing your Firefox cache and deleting your saved cookies for the site.
(1) Bypass Firefox's Cache
Use Ctrl+Shift+r to reload the page fresh from the server.
(You also can clear Firefox's cache completely using:
orange Firefox button or Tools menu > Options > Advanced
On the Network mini-tab > Cached Web Content : "Clear Now")
(2) Remove your site's cookies (save any pending work first) using either of these. While viewing a page on the site:
- right-click and choose View Page Info > Security > "View Cookies"
- Alt+t (open the classic Tools menu) > Page Info > Security > "View Cookies"
Then try reloading the page. Does that help?
Thanks for the reply. Unfortunately, the suggestion didn't work :(
There are nothing on the firefox error console that's note worthy. I have also tried the drop down menu again with cookies/cache removed, but it still didn't work.
Since the site is still in development, I don't have a link I can provide but here's the concept of what I am doing.
$("#dropdownmenu_id").change(function() {
//call ajax function ------ //success ----- //Redraw table
});
The change function itself works fine, because I am receiving data from my server on my first attempt before the selection menu stopped working. My tables are displaying correctly, and I don't think I am missing any tag.
Chuck
Thanks, I downloaded the latest nightly build (19.0a1) and my selection menu appears to be working again, so I assumed something got change from the old version.
Chuck
Do you have an autofocus attribute on your <select> element? I removed the autofocus attribute from mine and it started working as normal in FF16. There were never any problems before that I know of. Maybe it only works with the correct doctype since autofocus on <select> elements is new with HTML5?