@cocreate/text 1.13.0 → 1.13.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.13.1](https://github.com/CoCreate-app/CoCreate-text/compare/v1.13.0...v1.13.1) (2021-11-28)
+
+
+### Bug Fixes
+
+* replace click and keyup event with selectionchange event ([515da39](https://github.com/CoCreate-app/CoCreate-text/commit/515da39a62af4e350aa2a7857aa48b87c822a5dd))
+
 # [1.13.0](https://github.com/CoCreate-app/CoCreate-text/compare/v1.12.32...v1.13.0) (2021-11-28)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/text",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "description": "A simple text component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "text",

package/src/index.js

@@ -16,6 +16,11 @@ function init() {
     let elements = document.querySelectorAll(selectors);
     initElements(elements);
     _crdtUpdateListener();
+    document.addEventListener('selectionchange', (e) => {
+        let element = document.activeElement;
+        sendPosition(element)
+        console.log(element)
+    });
 }
 
 function initElements (elements) {
@@ -32,10 +37,16 @@ function initElement (element) {
         if(!collection || !document_id || !name) return;
 
         if (!isCrdt) {
-            if (element.tagName == 'IFRAME')
+            if (element.tagName == 'IFRAME'){
                 _addEventListeners(element.contentDocument.documentElement);
-            else 
-            _addEventListeners(element);
+                let Document = element.contentDocument
+                Document.addEventListener('selectionchange', (e) => {
+                    let element = Document.activeElement;
+                    sendPosition(element)
+                });            }  
+            else{ 
+                _addEventListeners(element);
+            }
         }   
         element.setAttribute('crdt', 'true');
         element.crdt = {init: true};
@@ -65,9 +76,7 @@ function initElement (element) {
 }
 
 export function _addEventListeners (element) {
-    element.addEventListener('click', _click);
     element.addEventListener('blur', _blur);
-    element.addEventListener('keyup', _keyup);
     element.addEventListener('cut', _cut);
     element.addEventListener('paste', _paste);
     element.addEventListener('keydown', _keydown);
@@ -75,11 +84,6 @@ export function _addEventListeners (element) {
     element.addEventListener('input', _input);
 }
 
-function _click (event) {
-    let element = event.currentTarget;
-    sendPosition(element);
-}
-
 function _blur (event) {
     let element = event.currentTarget;
     const { collection, document_id, name } = crud.getAttr(element);
@@ -88,11 +92,6 @@ function _blur (event) {
     cursors.sendPosition({collection, document_id, name, start, end});
 }
 
-function _keyup (event) {
-    let element = event.currentTarget;
-    sendPosition(element);
-}
-
 function _cut (event) {
     let element = event.currentTarget;
     const { start, end, range } = getSelection(element);
@@ -167,6 +166,7 @@ function _beforeinput (event) {
         event.preventDefault();
     }
 }
+
 function _input (event) {
     if(event.stopCCText) return;
     if (event.data) {
@@ -175,9 +175,7 @@ function _input (event) {
 }
 
 function _removeEventListeners (element) {
-    element.removeEventListener('click', _click);
     element.removeEventListener('blur', _blur);
-    element.removeEventListener('keyup', _keyup);
     element.removeEventListener('cut', _cut);
     element.removeEventListener('paste', _paste);
     element.removeEventListener('keydown', _keydown);