select2-rails некорректно отображается в rails 6

Question

Я использую гем select2-rails в моем приложении rails 6, и теги select2 не отображаются правильно, он отображается как простой раскрывающийся список, но когда я перезагружаю страницу, он работает. Для css я использую конвейер ресурсов rails, а для js webpacker.

Вот несколько скриншотов до и после перезагрузки страницы:

до:введите описание изображения здесь

после:введите описание изображения здесь

Форма:

<%= form_with(model: product, local: true) do |form| %>
    <div class="form-group">
        <%= form.label :brand %>
        <%= select_tag :brand_id,
                    options_from_collection_for_select(Brand.all, "id", "description", form.object.brand_id),
                    { class: 'form-control select2' } %>
    </div>
<% end %>

application.js

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")

var jQuery = require("jquery")
global.$ = global.jQuery = jQuery; 
window.$ = window.jQuery = jQuery;

import "bootstrap";
import "select2";

$(document).ready(function() {
  $('.select2').select2()
});

application.scss

/*
*= require select2
*/
@import 'admin-lte/dist/css/adminlte';
@import './users/sessions.scss';
@import './bootstrap.scss';