DOM changes from backend in a turbo_frame_tag are not triggering value changes callbacks

[tleish]

initialize or connect are triggered when the controller is added to the DOM.

Look into mutation observers. see these threads:

Understanding mutation observers

A bit of a side note but if you are not familiar with the Mutation Observer API (what is running behind the scene in Stimulus) and want to get a quick understanding, here is a short 10 min video that I found very informative on that subject.

Adding specific code to generic controllers

Well the piece I’m currently working on is around allowing a user to specify the order in which something appears. So there is a position attribute on the model and collections are ordered by it. So in this scenario the user is dragging collection items into their specified order. Once they release the draggable element, I want to iterate over the hidden position fields that each of them has and set them to 1, 2, 3, 4 etc. The code is something like: $(".sortable-list-item").each(function(i, l…