Support » Plugin: WooCommerce » Need help fixing the State Dropdown Box

  • Resolved websperations

    (@websperations)


    Hello,

    I am helping a friend whom is using Flavio 1.0 theme.

    We have WooCommerce and during our checkout, the state dropdown box is messed up.

    http://pennystee.com/product/reach-your-greatness/

    Add the book to the cart and then checkout.

    Click into the State Field and it’s not there. If you click into Town/City and then tab once, the cursor enters the state list, hit space bar or start typing a state name to get the state list to show.

    How can we fix this state field so that it shows properly?

    I poked around the CSS and am not seeing anything obvious.

    Thanks,

    Micah

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Laurena Rehbein

    (@lrehbein)

    Automattic Happiness Engineer

    Hi there,

    I see a CSS rule here that seems to affect it:

    .select2-hidden-accessible {
      clip: rect(0 0 0 0);
    }

    When I disable that in my browser inspector, the field appears. You may want to temporarily test with a default theme, to confirm it is something in your theme, and consider contacting the developer fo Flavio to let them know and get some advice!

    Thread Starter websperations

    (@websperations)

    Thank you Laurena,

    I tested with twentyfifteen and it worked fine.

    I managed to get the issue resolved with your direction. I ended up leaving the clip statement and made the following changes. Hopefully someone else will find this useful.

    
    .select2-container {
        display: none;
    }
    
    .select2-hidden-accessible {
        background-color: #eee;
        position: relative;
        height: 40px;
    }
    

    Micah

    • This reply was modified 4 years, 4 months ago by websperations.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Need help fixing the State Dropdown Box’ is closed to new replies.