simple follow caret

dist/assets/a-doc-editor.js

@@ -84,7 +84,6 @@ var ADocEditor = function (customConfig) {
 
             if (dataList[i].id == caretData.activeData.id) {
                 caretData.canvasIndex = canvasIndex
-                caretData = { ...caretData, ...calculateCaretPosition() }
             }
         }
 
@@ -94,7 +93,7 @@ var ADocEditor = function (customConfig) {
             let ctx = canvasList[caretData.canvasIndex].getContext('2d', { willReadFrequently: true })
             let rectX = caretData.x;
             let rectY = caretData.y-caretData.caretSize;
-            let rectWidth = 4;
+            let rectWidth = 3;
             let rectHeight = caretData.caretSize;
 
             const imageData = ctx.getImageData(rectX, rectY, rectWidth, rectHeight);
@@ -136,6 +135,7 @@ var ADocEditor = function (customConfig) {
             let fontFamily = "Arial"
             ctx.font = `${fontSize}px ${fontFamily}`
             ctx.fillStyle = `#000`
+            caretData.x = ctx.measureText(dataSet.plainContent).width
             ctx.fillText(dataSet.plainContent, 0, fontSize * (3 / 4))
 
             ctx.restore()