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

  • Resolved websperations



    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.

    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.



    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


    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


    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;


    • 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.