Symfony collection added dynamically doesn't work

[Jerome1337]

When we add a symfony collection form dynamically with JavaScript, the buttons (add, remove, ...) are not working anymore.

To made it work I used .arrive event to initialize the collection when it's added dynamically.

$(document).arrive('select', (element) => {
   if ($element.length) {
      /* eslint-disable */
      $element.collection({
        add: '<button type="button" class="add"><i class="fa fa-plus"></i></button>',
        allow_duplicate: false,
        allow_down: false,
        allow_up: false,
        remove: '<button type="button" class="remove"><i class="fa fa-minus"></i></button>',
        max: 500,
      });
      /* eslint-enable */
    }
});

Is this will be fixed in next update, or did I need to prepare a pull request to fix this ?

[ninsuo]

Hi @Jerome1337

I don't think .arrive is native jQuery, and thus this won't be easily fixed.

Let me leave this issue open to look for a solution once I'll have the time to tackle it.

Have a great night,
Alain

[Jerome1337]

Hi,

I don't think .arrive is native jQuery, and thus this won't be easily fixed.

.arrive is not native and from https://github.com/uzairfarooq/arrive

Let me leave this issue open to look for a solution once I'll have the time to tackle it.

No problem.

Regards.

[dachinat]

Hi. I'm facing similar issue. I load form html using $.get and initiate this plugin afterwards. Buttons are rendered and I can "sometimes" use delete button, but other buttons don't work.

What do you recommend here, when form is being loaded through ajax? Thanks.

Sorry. I solved it by resolving some conflicts that where in my project.