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