Uploaded image for project: 'CiviCRM'
  1. CiviCRM
  2. CRM-3691

change keyboard and query behaviour of country/state selectors to improve usability

    Details

    • Type: New Feature
    • Status: Done/Fixed
    • Priority: Minor
    • Resolution: Fixed/Completed
    • Affects Version/s: 2.1
    • Fix Version/s: 2.2.0
    • Component/s: Core CiviCRM
    • Labels:
      None

      Description

      The autoselect drop down boxes for country and state have low usability. Changing behaviour to arrow keys, enter key, and querying would help.

      Problems:

      1) Browser scrolling: After typed in a first letter of state, a list appears. When 'down' arrow is pressed to select one of them, the whole browser screen scrolls so that the bottom of the selection is aligned with the bottom of the browser window (using Firefox 3 on Mac). This is disruptive to user experience.

      2) Enter saves form: When an drop-down item in the states list has been highlighted with the down arrow, pressing 'Enter' to select the item, also causes the whole form to the saved and submitted. This is not a standard behaviour and is non-intuitive.

      3) Slow: The query for both Country and State can be slow. Supporting the comment from Alan Dixon in CRM-2135, in many cases the auto searching adds little additional value. Unlike with the Quick Search on the contact records, when you may be searching from a list of 1000's, the list of countries, and definitely the list of states once a country has been selected is a relatively small list.

      4) Unfamiliar look and feel: The custom drop down dojo box has a bit of a different feel from regular drop down boxes.

      Suggestion 1: Fix items 1 and 2 above.

      Suggestion 2: Simplify the technology involved in the country and state drop downs. Make the country list just a regular drop down. Default drop down behaviour already does auto selection based on matching to letters that are typed in. Make the state list load once with a complete list of states after a country has been selected. This would allow users to quickly pull up a state using string matching or mouse selection without requiring a query after each key. Idealy also use the standard drop down box rather than dojo drop down.

        Attachments

          Activity

            People

            • Assignee:
              sushant Sushant Paste
              Reporter:
              chrism Chris Mott
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: