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.

Reply

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.

Reply

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

Reply

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

Reply

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

Did you forgot to add the actual Css?

Any link to an example would be helpful too.

Reply

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.

Reply

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

Reply
Join the discussion

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

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

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

    Screencast tutorials to help you learn Ruby on Rails, Javascript, Hotwire, Turbo, Stimulus.js, PostgreSQL, MySQL, Ubuntu, and more. Icons by Icons8

    © 2023 GoRails, LLC. All rights reserved.