Using closest instead of matches to allow clicking on sub elements li…

…ke normal cocoon (#10)
oddcamp · Jun 25, 2020 · 944f9c6 · 944f9c6
1 parent 50e38ba
commit 944f9c6
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/index.js b/index.js
@@ -107,10 +107,10 @@ const addFieldsHandler = (btn) => {
 };
 
 document.addEventListener('click', (e) => {
-  if(e.target.matches('.add_fields')) {
+  if(e.target.closest('.add_fields')) {
     e.preventDefault();
     e.stopPropagation();
-    addFieldsHandler(e.target);
+    addFieldsHandler(e.target.closest('.add_fields'));
   }
 });
 
@@ -147,8 +147,8 @@ const removeFieldsHandler = (btn) => {
 
 document.addEventListener('click', (e) => {
   if(
-    e.target.matches('.remove_fields.dynamic') ||
-    e.target.matches('.remove_fields.existing')
+    e.target.closest('.remove_fields.dynamic') ||
+    e.target.closest('.remove_fields.existing')
   ) {
     e.preventDefault();
     e.stopPropagation();