#79 - Ensure that change event is recorded for contenteditable=true

src/js/cs/record.js

@@ -45,7 +45,7 @@ function recordAction(target, actionsData)
 function actionRecorder({target, type})
 {
   const clickActions = [{
-    queries: ["button", "input[type='button']"],
+    queries: ["button", "input[type='button'], [contenteditable='true']"],
     type: "click",
     input1: getPath,
     input2: ""
@@ -82,10 +82,19 @@ function actionRecorder({target, type})
     input2: ""
   }];
 
+  const inputActions = [{
+    queries: ["[contenteditable='true']"],
+    type: "change",
+    input1: getPath,
+    input2: (closestTarget) => closestTarget.textContent
+  }];
+
   if (type === "click")
     recordAction(target, clickActions);
-  if(type === "change")
+  if (type === "change")
     recordAction(target, changeActions);
+  if (type === "input")
+    recordAction(target, inputActions);
 }
 
 /*
@@ -134,3 +143,4 @@ function sendmsg(type, inputs){
 
 document.addEventListener("click", actionRecorder, true);
 document.addEventListener("change", actionRecorder, true);
+document.addEventListener("input", actionRecorder, true);