Select2 рендерится несколько раз при переходе на предыдущую страницу

Question

У меня есть выпадающий список select2

    $('.range-selection').select2({width: 'resolve',
      placeholder: "Select range", prompt: "select"
    });

Он работает нормально, но при переходе на другую страницу и повторном переходе на ту же страницу поле select2 визуализируется несколько раз. Как избежать select2 рендеринга несколько раз.

Answer 1

Вы должны уничтожить поле select2 при turbolinks:before-cache, это предотвратит множественный выбор2 на странице

$(document).on("turbolinks:before-cache", function() {
 $('.range-selection').select2('destroy');
});