I'm working on a custom sheet, which has several repeating sections. I can overlay the Edit and Add buttons with my own icons, and replace the add button function. All of that works. But what I'm trying to do now is detect when Edit is clicked so I can tell if a given section is in editmode so I can disable my Add function (there doesn't appear to be any way to detect that the "editmode" class was added to the repcontainer). I should note that I'm not a particularly adept javascript programmer (I know C), and my CSS knowledge is even more sketchy, so I could easily be missing something simple. I noticed that $20 can be used to create an "on" handler, as well as detecting a specific repeating section using the groupname, but when I tried combining these, it doesn't work, and I'm not sure if I'm just doing something wrong, or if this is more complex syntac than $20 supports. What I've specifically got is a handler to detect a click on the standard repcontrol_edit button by the user. A simple version works for every repeating section, but the event doesn't provide information that identifies the specific section: $20(`.repcontrol_edit`).on("click", (event) => { console.log("on(click, repeating_attacks:edit): Enter"); log(event); }); But when I try to make the selector more specific, to identify the edit button that's the child of the "repeating_attacks" repcontrol div, the handler never fires: $20(`.repcontrol[data-groupname="repeating_attacks"] > .repcontrol_edit`).on("click", (event) => { console.log("on(click, repeating_attacks:edit): Enter"); log(event); }); So, any pointers on what I'm doing wrong, or is this just beyond $20's capabilities? And in the latter case, is there another way to detect the activation/deactivation of edit mode?
