Simple_form Chrome browser bug

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


Has anyone run across this? How did you fix.

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

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>

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.