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.

Input field border partially cuts off

  1. antibex
    Member

    1. go to http://mythp.ca/subscriber-services/subscribe/
    2. click inside First name field

    expected: The input field border shows on all sides of the field

    observed: the border cuts off to the left of the field

    Note: it looks like this happens with SOME of the Gravity Advanced Fields (see Address). there are no problems with the Email field or the standard fields (e.g. Company)

    Posted 12 years ago on Friday July 6, 2012 | Permalink
  2. This is because the complex fields are floated and we have overflow: hidden rules placed on the containers. So your onfocus drop shadow that shows is outside of the container width which is why it gets clipped off. Try dropping this into your theme's stylesheet:

    [css]
    .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full {
    overflow: visible !important;
    }
    .gform_wrapper .ginput_complex {
    overflow: visible !important;
    }
    Posted 12 years ago on Friday July 6, 2012 | Permalink
  3. antibex
    Member

    Its fixed! Thank you!

    Posted 12 years ago on Friday July 6, 2012 | Permalink
  4. No problem, glad to help!

    Posted 12 years ago on Friday July 6, 2012 | Permalink

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