merhaba, form repaeat js input grubu çoğaltınca tasarım olarak bozukluk oluyor bu konuda yardımcı olabilecek var mı ? normalde html e append edersem sorun yok ama form repeat js kullanıyorum. Tasarımı düzeltmek için tüm inputları row lar içine alınca inputları tetikleyen kodla ilgili sorun oluyor. inputları component olarak yüklediğim için mi bu sorun var anlamadım. input grubu ekleyince select2.blade.php sayfası galiba col-3 e düşüyor. normalde col-4 ve col-8 olarak 12 grid var.
görsel : https://hizliresim.com/gu5oadt
varyantlar view dosyası : https://paste.laravel.io/59f5c4c3-ccc0-407c-b5b1-df640729f8d5
form repeat js i tetikleyen kod :
const e = () => {
$("#kt_ecommerce_add_product_options").repeater({
initEmpty: !1,
defaultValues: { "text-input": "foo" },
show: function () {
$(this).slideDown(function() {
$('#kt_ecommerce_add_product_options div[data-repeater-item]:last .select2-container').remove();
$('#kt_ecommerce_add_product_options div[data-repeater-item]:last select').removeClass('select2-hidden-accessible');
$('#kt_ecommerce_add_product_options select.select2-hidden-accessible').select2('destroy');
$('#kt_ecommerce_add_product_options select').select2({ minimumResultsForSearch: -1 });
}), t();
},
hide: function (e) {
$(this).slideUp(e);
},
});
},
t = () => {
document.querySelectorAll('[data-kt-ecommerce-catalog-add-product="product_option"]').forEach((e) => {
if ($(e).hasClass("select2-hidden-accessible") == false) {
$(e).closest('div[data-repeater-item]').length
$(e).select2({ minimumResultsForSearch: -1 })
}
});
};