jQuery(document).ready(function ($) { function enableSelect2Tags(context = document) { $(context).find('select.add_a_car-select').each(function () { // already processed if ($(this).data('tags-enabled')) return; // only if select2 is active if (!$(this).hasClass('select2-hidden-accessible')) return; try { $(this).select2('destroy'); } catch (e) {} $(this).select2({ tags: true, width: '100%', createTag: function (params) { let term = $.trim(params.term); if (term === '') return null; return { id: term, text: term, newTag: true }; } }); $(this).data('tags-enabled', true); }); } // Initial run enableSelect2Tags(); // Observe AJAX / dynamic changes (Motors does this a lot) const observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { mutation.addedNodes.forEach(function (node) { if (node.nodeType === 1) { enableSelect2Tags(node); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); });