Form Helpers & Tailwind

[mikesklein]

There is an issue with Rails form helpers and tailwind. Standard fields like text or text area are stylable, but when I try to add styles to form.collection_select, form.select and form.date_select the added classes are getting not applied.

I've never submit and Issue before, so please let me know if you need more information.

[flavorjones]

@mikesklein Sorry you're having problems, I'll try to help.

If I use collection_select like this, passing in html_options as the final argument:

  <div class="my-5">
    <%= form.collection_select(
      :name, ["Sam", "Bob"], :to_s, :to_s,
      {}, {class: "block shadow rounded-md border border-gray-200 outline-none"},
    ) %>
  </div>

it renders as

  <div class="my-5">
    <select class="block shadow rounded-md border border-gray-200 outline-none" name="post[name]" id="post_name">
      <option value="Sam">Sam</option>
      <option value="Bob">Bob</option>
    </select>
  </div>

and looks fine:

Can you provide this level of detail to help us diagnose what's going on?

• Provide the code in your view
• Provide the desired HTML and the actual HTML rendered