Need help fixing the State Dropdown Box

  • Resolved websperations

    (@websperations)


    6 years, 11 months ago

    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.

    https://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)
  • 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 6 years, 11 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.

Tags