All threads / Simple_form Chrome browser bug

Ask A Question

Notifications

You’re not receiving notifications from this thread.

Simple_form Chrome browser bug

Stan Smith asked in General

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.

Join the discussion

Want to stay up-to-date with Ruby on Rails?

Join 35,699+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.

    logo Created with Sketch.

    Ruby on Rails tutorials, guides, and screencasts for web developers learning Ruby, Rails, Javascript, Turbolinks, Stimulus.js, Vue.js, and more. Icons by Icons8

    © 2020 GoRails, LLC. All rights reserved.