Simple_form Chrome browser bug

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.