PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

IE7 bug with the Multi-Select field when using the the Chosen jQuery Script

  1. Here's the bug:

    1. Two or more multi-select fields have the enhanced user interface option enabled. To simplify this, I showed only 2 in the linked screenshot.
    http://dl.dropbox.com/u/60667761/Two-multi-select-fields-using-chosen-jquery-script.jpg

    2. The 1st field is placed above the 2nd field, not side-by-side.
    3. When the 1st field is clicked, a drop down menu appears.
    4. The drop down menu is overlapped by the input box of the 2nd field. This problem only occurs on IE7.
    http://dl.dropbox.com/u/60667761/overlap-bug-of-the-drop-down-and-the-input-field.jpg

    Here is the form in action: http://localbizregistry.com/registration-form/
    Click on the business categories check boxes to make the multi-select fields appear. I'd appreciate any support or patch in fixing this problem. Thank you.

    Posted 12 years ago on Thursday February 9, 2012 | Permalink
  2. Hi localbizregistry,

    This is a bug with the chosen script. Here is a hack to get around this for IE7.

    http://pastie.org/3351371

    Paste this in a JS file that is enqueue for your theme.

    Posted 12 years ago on Thursday February 9, 2012 | Permalink
  3. Excellent! The hack fix worked perfectly. :) Thank you.

    Posted 12 years ago on Friday February 10, 2012 | Permalink
  4. Great! Glad we could help. :)

    Posted 12 years ago on Friday February 10, 2012 | Permalink

This topic has been resolved and has been closed to new replies.