toggle-components-library 1.37.0-beta.3 → 1.37.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "toggle-components-library",
-    "version": "1.37.0-beta.3",
+    "version": "1.37.0-beta.4",
     "private": false,
     "scripts": {
         "serve": "vue-cli-service serve",

package/src/components/breadcrumb/ToggleBreadCrumb.vue

@@ -91,15 +91,26 @@ export default {
 
     
     updateContent(event) {
-      // Limit the input to 50 characters
-      if (event.target.innerText.length >= this.maxChars) {
-        event.target.innerText = this.content;
+      const newText = event.target.innerText;
+      
+      // If text exceeds maxChars, prevent the change
+      if (newText.length > this.maxChars) {
+        // Save current selection
+        const selection = window.getSelection();
+        const range = selection.getRangeAt(0);
+        const cursorOffset = range.startOffset;
 
-        // Move the cursor to the end of the input
-        document.getSelection().modify("move", "forward", "documentboundary");
+        // Restore previous content
+        event.target.innerText = this.content;
 
+        // Restore cursor position
+        const newRange = document.createRange();
+        newRange.setStart(event.target.firstChild || event.target, Math.min(cursorOffset, this.content.length));
+        newRange.collapse(true);
+        selection.removeAllRanges();
+        selection.addRange(newRange);
       } else {
-        this.content = event.target.innerText;
+        this.content = newText;
         this.$emit('update:lastCrumb', this.content);
       }
     }