The pre-release version of this module tries to accomplish the following:

  1. Implement HTML SELECT widgets for country codes.
  2. Have those SELECT widgets change size when the user clicks on one. Normally, they display only just large enough so that the country codes are visible. When the user clicks, they expand horizontally to show the whole country name, and the options are sorted alphabetically by country name.
  3. All of this needs to work in IE as well as Firefox and Safari, with a minimum of hacks.

Unfortunately, I only got #1 and #2 to work, and #3 is a fiasco. It turns out that SELECT elements behave rather differently from one browser to another. I had to put some fancy Javascript in the module, with workarounds for IE. I had to put CSS in the module, with Safari-3-specific hacks (!). And the result still doesn't really work.

After some struggle I've concluded that the current code is broken, confusing to themers, and painful to support. I need to simplify radically by ripping the JS and CSS hacks out and reverting to standard SELECT dropdowns with a fixed width. I'm going to revisit the issue of a good UI for selecting country codes from a menu in a later release, perhaps by using jQuery widgets to accomplish it in a way that degrades gracefully and works the same in all browsers.