Skip to main content

Simple_form Chrome browser bug

General • Asked by Stan Smith

This is annoying.
The select menus are overlapping in Chrome.


Has anyone run across this? How did you fix.


By "overlapping" you mean the bordered-box doesn't include all list items?
Bit hard to understand what exactly you mean here :) But in any case it looks like a Css issue to me.


Yes, the bordered box doesn't contail all the items. It might be a css issue but the box shows correctly in firefox and safari


Without any link or code it's hard to tell what's going wrong here.


Yes, the select menu items overflow outside the border of the box.

I agree it may be a css issue.

This is the css code for the select box shown in the image above.

          <div class="form-group">
            <%= f.association :categories, as: :select %>
          </div>

Did you forgot to add the actual Css?

Any link to an example would be helpful too.


Hi Stan,
this is the html/rails code and not css.

Look for any ".form-group" entries in css/scsss files. Which css framework are you using? There might be some conflicts with them.


I've finally resolved this problem by updating Chrome to the latest version.


Login or Create An Account to join the conversation.

Subscribe to the newsletter

Join 22,346+ developers who get early access to new screencasts, articles, guides, updates, and more.

    By clicking this button, you agree to the GoRails Terms of Service and Privacy Policy.

    More of a social being? We're also on Twitter and YouTube.