@cocreate/cursors 1.12.23 → 1.13.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.13.1](https://github.com/CoCreate-app/CoCreate-cursors/compare/v1.13.0...v1.13.1) (2022-12-20)
+
+
+### Bug Fixes
+
+* bump dependencies ([525f021](https://github.com/CoCreate-app/CoCreate-cursors/commit/525f02150cd4359e299d00e4b039952d75df138e))
+
+# [1.13.0](https://github.com/CoCreate-app/CoCreate-cursors/compare/v1.12.23...v1.13.0) (2022-12-17)
+
+
+### Features
+
+* improved cursor mirror accuracy ([184e1f4](https://github.com/CoCreate-app/CoCreate-cursors/commit/184e1f452dfc23cadd642e415f2d6b7397031a7e))
+
 ## [1.12.23](https://github.com/CoCreate-app/CoCreate-cursors/compare/v1.12.22...v1.12.23) (2022-12-15)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/cursors",
-  "version": "1.12.23",
+  "version": "1.13.1",
   "description": "Collaborative user cursor position for inputs, textarea's and contenteditable elements.",
   "keywords": [
     "cursors",
@@ -61,12 +61,12 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/crud-client": "^1.16.11",
-    "@cocreate/docs": "^1.4.19",
-    "@cocreate/message-client": "^1.1.108",
-    "@cocreate/observer": "^1.5.39",
-    "@cocreate/random-color": "^1.2.56",
-    "@cocreate/selection": "^1.4.44",
-    "@cocreate/uuid": "^1.2.38"
+    "@cocreate/crud-client": "^1.16.16",
+    "@cocreate/docs": "^1.4.20",
+    "@cocreate/message-client": "^1.1.111",
+    "@cocreate/observer": "^1.5.42",
+    "@cocreate/random-color": "^1.2.59",
+    "@cocreate/selection": "^1.4.47",
+    "@cocreate/uuid": "^1.2.41"
   }
 }

package/src/index.js

@@ -121,28 +121,31 @@ function drawCursors(selection) {
         
         let computed = getComputedStyle(element);
         let rect = element.getBoundingClientRect();
+        
         let borderWidth = parseInt(computed['border-width']) * 2;
         let scrollBarWidth = 0;
         if (element.clientWidth != 0)
             scrollBarWidth = element.offsetWidth - element.clientWidth - borderWidth;
-        let style = mirrorDiv.style;
         
+        let style = mirrorDiv.style; 
         style.position = 'absolute';
         style.width = rect.width + 'px';
         style.height = rect.height + 'px';
-        style.visibility = 'visible';
         style.overflowX = computed['overflowX'];
         style.overflowY = computed['overflowY'];
         style.margin = '0px';
-        style.paddingRight = parseInt(computed['paddingRight']) + scrollBarWidth + 'px';
+        style.padding = computed['padding'];
         style.border = computed['border'];
         style.borderColor = 'transparent';
-        
+        style.outline = computed['outline'];
+        style.outlineColor = 'transparent';
+        style.boxSizing = computed['boxSizing'];
+        style.lineHeight = computed['lineHeight'];
+            
         if (element.parentElement.style['display'] == 'inline') {
             style.top = element.clientTop + 'px';
             style.left = element.clientLeft + 'px';
-        }
-        else {
+        } else {
             style.top = element.offsetTop + 'px';
             style.left = element.offsetLeft + 'px';
         }
@@ -150,12 +153,11 @@ function drawCursors(selection) {
         if (element.nodeName !== 'INPUT') {
             style.wordWrap = 'break-word';
             style.whiteSpace = 'pre-wrap';
-        }
-        else {
+        } else {
             style.whiteSpace = 'pre';
         }
     
-        let properties = ['boxSizing', 'borderTopWidth', 'borderRightWidth', 'borderBottomWidth', 'borderLeftWidth', 'paddingTop', 'paddingBottom', 'paddingLeft', 'fontStyle', 'fontVariant', 'fontWeight', 'fontStretch', 'fontSize', 'lineHeight', 'fontFamily', 'textAlign', 'textTransform', 'textIndent', 'textDecoration', 'letterSpacing', 'wordSpacing', 'textRendering', 'webkitWritingMode', 'textTransform', 'textIndent', 'overflowWrap'];
+        let properties = ['fontStyle', 'fontVariant', 'fontWeight', 'fontStretch', 'fontSize', 'fontFamily', 'letterSpacing', 'lineHeight', 'textAlign', 'textTransform', 'textIndent', 'textDecoration', 'textRendering', 'textTransform', 'textIndent', 'overflowWrap', 'tabSize', 'webkitWritingMode', 'wordSpacing'];
     
         properties.forEach(function(prop) {
             if (['left', 'top'].indexOf(prop.toLowerCase()) === -1)