I Steps: 1. Go to http://lehigh.bncollege.com/webapp/wcs/stores/servlet/TBWizardView? catalogId=10001&storeId=13051&langId=-1&level=1 2. Go to "Step 1: Find Your Course" 3. Select a semester II Issue: The dropdown list of "select department" doesn't immediately load. The user needs to click outside of the dropdown list for the selection to be registered and the next dropdown to load. III Conclusion: The time when "onclick" event is triggered is different between Firefox/IE and Chrome/Safari, this is the cause of this issue. Lets separate the selecting dropdown operation into 2 periods: 1. Click the dropdown, dropdown options get expanded. 2. Choose an option In IE/Firefox, "onclick" event is triggered after step 2, however in Chrome/Safari, the "onclick" event is triggered before step 2 and after step 1. In other words, when the "onclick" event is triggered in Chrome/Safari, the value of dropdown is not changed by user yet, this is the issue. As a result, in webkit, in the attached testcase the "onclick" event cannot display the selected value below the dropdown, this can only be done by the "onblur" event. However in Firefox/IE, everything is done by the "onclick" event. IV Other Browsers: IE7: ok FF3: ok V Nightly tested: 40471 Bug in Chromium : http://code.google.com/p/chromium/issues/detail?id=5284
Created attachment 27302 [details] testcase