DOJO 1.8.14下拉选择异常及跨浏览器兼容问题求助

After migrating to Dojo 1.8.14, we’ve hit two frustrating issues with our dropdown selection controls:

• When picking different options, the control keeps defaulting back to a previously selected option instead of updating to the new choice.
• Some features work perfectly fine in IE browsers, but completely fail to function in Mozilla Firefox.

Here’s a screenshot showing the unexpected dropdown state after interacting with the close button:

Practical Troubleshooting & Fixes to Try #

Let me walk you through some steps that’ve helped resolve similar Dojo dropdown issues in the past:

1. Validate Widget State Management
   Dojo 1.8.x relies heavily on its own widget state sync, so avoid manipulating the dropdown’s DOM directly. Make sure you’re explicitly updating the widget’s value when a selection is made—use dropdown.set('value', selectedOptionValue) instead of just changing the DOM element’s value. Also, check for any custom event listeners that might be overriding Dojo’s native selection logic.

2. Fix Cross-Browser Discrepancies
   Firefox is stricter about standards compliance compared to older IE versions:

   • Replace any IE-specific event code (like attachEvent) with Dojo’s cross-browser dojo.on() method to handle selection events.
   • Audit your CSS for IE-only hacks (like *width or _padding) that might break the dropdown’s layout in Firefox. Stick to Dojo’s built-in widget classes or cross-browser compatible styles.

3. Check for Version-Specific Bugs
   Dojo 1.8.14 is an older release, so there might be known bugs related to dropdown selection. Look through the official Dojo 1.8 release notes for documented issues and workarounds. Also, double-check that all required Dojo modules (like dijit/form/Select) are loading correctly in Firefox—sometimes path errors or network issues can cause widgets to fail silently here.

4. Debug with Browser Tools
   Use Firefox’s DevTools to dig deeper:

   • In the console, run dijit.byId('yourDropdownId') to access the widget instance and verify if its value property matches the selected option.
   • Add console logs in your selection event handlers to track when selections fire and what values are being set—this can pinpoint whether the issue is with event triggering or state updates.

内容的提问来源于stack exchange，提问作者sk aslam