https://legacy.forums.gravityhelp.com/topic/ie7-bug-with-the-multi-select-field-when-using-the-the-chosen-jquery-script Gravity Support Forums Topic: IE7 bug with the Multi-Select field when using the the Chosen jQuery Script en-US Sun, 19 Apr 2026 23:49:29 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/ie7-bug-with-the-multi-select-field-when-using-the-the-chosen-jquery-script#post-49040 Fri, 10 Feb 2012 16:20:47 +0000 David Smith 49040@https://legacy.forums.gravityhelp.com/ <p>Great! Glad we could help. :) </p> https://legacy.forums.gravityhelp.com/topic/ie7-bug-with-the-multi-select-field-when-using-the-the-chosen-jquery-script#post-48986 Fri, 10 Feb 2012 04:15:47 +0000 localbizregistry 48986@https://legacy.forums.gravityhelp.com/ <p>Excellent! The hack fix worked perfectly. :) Thank you. </p> https://legacy.forums.gravityhelp.com/topic/ie7-bug-with-the-multi-select-field-when-using-the-the-chosen-jquery-script#post-48949 Thu, 09 Feb 2012 19:17:46 +0000 David Smith 48949@https://legacy.forums.gravityhelp.com/ <p>Hi localbizregistry,</p> <p>This is a bug with the chosen script. Here is a hack to get around this for IE7.</p> <p><a href="http://pastie.org/3351371" rel="nofollow">http://pastie.org/3351371</a></p> <p>Paste this in a JS file that is enqueue for your theme. </p> https://legacy.forums.gravityhelp.com/topic/ie7-bug-with-the-multi-select-field-when-using-the-the-chosen-jquery-script#post-48844 Thu, 09 Feb 2012 13:01:18 +0000 localbizregistry 48844@https://legacy.forums.gravityhelp.com/ <p>Here's the bug:</p> <p>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.<br /> <a href="http://dl.dropbox.com/u/60667761/Two-multi-select-fields-using-chosen-jquery-script.jpg" rel="nofollow">http://dl.dropbox.com/u/60667761/Two-multi-select-fields-using-chosen-jquery-script.jpg</a></p> <p>2. The 1st field is placed above the 2nd field, not side-by-side.<br /> 3. When the 1st field is clicked, a drop down menu appears.<br /> 4. The drop down menu is overlapped by the input box of the 2nd field. This problem only occurs on IE7.<br /> <a href="http://dl.dropbox.com/u/60667761/overlap-bug-of-the-drop-down-and-the-input-field.jpg" rel="nofollow">http://dl.dropbox.com/u/60667761/overlap-bug-of-the-drop-down-and-the-input-field.jpg</a></p> <p>Here is the form in action: <a href="http://localbizregistry.com/registration-form/" rel="nofollow">http://localbizregistry.com/registration-form/</a><br /> 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. </p>