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.

chosen script not working with conditional fields

  1. We're experiencing the issue mentioned here:

    http://www.gravityhelp.com/forums/topic/width-issue-on-fields-with-chosen-script-when-using-conditional-logic

    It only occurs when you are using the chosen script with conditional fields. It looks like when you choose an option that's not the default (on our example you could choose lunch or dinner) the width of the field is set with an inline style (probably from some script?) to be really narrow which makes the form un-usable.

    here's our example for debugging:

    http://toughmudder.com/form-for-debugging/

    let us know if anyone has fixed this prob in the past or knows what's going on here...

    many thanks!

    b r e n t

    Posted 9 years ago on Thursday February 9, 2012 | Permalink
  2. This is going to be caused by CSS being applied by your theme or another plugin. My guess is it's going to be styles applied by your theme, but the first thing you'd need to do is determine exactly where the styles are coming from that are causing this issue so that you can then narrow down where to go from there.

    The first thing to do is to test for theme and plugin conflicts which will help determine what is introducing the styling issue. Here are instructions:

    http://www.gravityhelp.com/documentation/page/Testing_for_a_Theme/Plugin_Conflict

    My guess is it's going to be theme related so that is the first thing I would test. If it's the theme it's going to be related to styles being applied to your theme, most likely related to overflow settings being applied to an element that is being inherited by the chosen drop down due to how CSS inheritance works.

    Let us know how it goes.

    Posted 9 years ago on Thursday February 9, 2012 | Permalink
  3. I don't think it's theme related because it's an inline style it's not inherited from any stylesheet. You can read more about that in the previous post that I linked to, also look at the source in a dom inspector and you'll see that the style is appended inline like style="width: 47px;" so it's probably being inserted by javascript, I think it may be a conflict between your system and chosen, seeing as we're not the only people to run into the problem, also we're not using an out of the box theme it's all built from scratch... Can you take a closer look at the example page I sent and let me know what you think

    Posted 9 years ago on Thursday February 9, 2012 | Permalink
  4. I'll look into the possibility of a plugin conflict that is a possibility

    Posted 9 years ago on Thursday February 9, 2012 | Permalink
  5. Every instance of this we've encountered has been theme related. The last user to encounter this it was due to a setting in the themes options panel itself related to styles being applied.

    So i'm basing my opinion off prior experience debugging this issue and the fact that we are unable to replicate this issue locally and it's only being reported by a very small number of users.

    That being said, as I mentioned, it could be plugin related also. But to be 100% sure you'd have to test both.

    Posted 9 years ago on Thursday February 9, 2012 | Permalink
  6. alright fair enough, we don't have a test environment for this site so I can't disable everything but I can try to replicate the problem on a fresh install of wordpress, I'll get back to you with what I find.

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