$(".coral3-Multifield-item").each(function( index ) {}this loop is not working for the newly added items. $("coral-multifield").children("button[coral-multifield-add]").on("click", function() {       $(".coral3-Multifield-item").each(function( index ) {             console.log("add item");        })...

thanks, it works!

my func is getting triggered when i am opening the dialog. Not when i click on the Add button

I want to call a JS function when a new item is added to the multifield. I have tried: $(".cq-dialog").find("coral3-Button coral3-Button--secondary").on("click", funcName);doesn't call my function. 

i was referring to https://adapttoaem.blogspot.com/2021/02/setting-dynamic-dropdownselect-value-in.html in here, the only difference is that in my case the colorfield is inside a multifield

i pasted the complete function for better understanding. And the first code is not having any multifield

my font-field is within multifield

Parathesis are all in place in my actual code, pasted it wrong here. Console error: Cannot read property 'clear' of undefined for the line where optionItems are getting cleared.

If I replace: const setOptions = function () {let fontField = $(".cq-dialog").find("#fontField ")[0];let optionItems = fontField.items;optionItems.clear();for (var i = 0; i < 1; i++) {let obj = new Object();let cnt = new Object();obj["value"] = "#ffffff";cnt["textContent"] = "white";obj["content"] =...

Yes, I am using JS to make my field readOnly. Thanks for the info.