select2 scripts

select2.html.erb

<script>
  $(document).on('turbolinks:before-cache', function(e) {
    $('.form-control.select2, .form-control.select2-taggable, .form-control.select2-w-100').each(function() {
      if ($(this).data('select2')) {
        $(this).select2('destroy');
      }
    });
  });

  $('.form-control.select2, .form-control.select2-taggable, .form-control.select2-w-100').each(function() {
    if ($(this).data('select2')) {
      $(this).select2('destroy');
    }
  });

  $(document).on('select2:open', () => {
    document.querySelector('.select2-search__field').focus();
  });

  $('.select2').select2();
  $('.select2-w-100').select2({
    width: "100%",
  });
  $('.select2-taggable').select2({
    tags: true,
    width: "100%",
  });
</script>