fi(wysiwyg): fix navigation

ts_web/elements/wysiwyg/blocks/text/paragraph.block.ts

@@ -246,6 +246,22 @@ export class ParagraphBlockHandler extends BaseBlockHandler {
     return "Type '/' for commands...";
   }
   
+  /**
+   * Helper to get the last text node in an element
+   */
+  private getLastTextNode(element: Node): Text | null {
+    if (element.nodeType === Node.TEXT_NODE) {
+      return element as Text;
+    }
+    
+    for (let i = element.childNodes.length - 1; i >= 0; i--) {
+      const lastText = this.getLastTextNode(element.childNodes[i]);
+      if (lastText) return lastText;
+    }
+    
+    return null;
+  }
+  
   // Helper methods for paragraph functionality
   
   getCursorPosition(element: HTMLElement, context?: any): number | null {
@@ -376,19 +392,40 @@ export class ParagraphBlockHandler extends BaseBlockHandler {
     const paragraphBlock = element.querySelector('.block.paragraph') as HTMLDivElement;
     if (!paragraphBlock) return;
     
+    
     // Ensure element is focusable first
     if (!paragraphBlock.hasAttribute('contenteditable')) {
       paragraphBlock.setAttribute('contenteditable', 'true');
     }
     
-    // Focus the element
+    // For 'end' position, we need to set up selection before focus to prevent browser default
+    if (position === 'end' && paragraphBlock.textContent && paragraphBlock.textContent.length > 0) {
+      // Set up the selection first
+      const sel = window.getSelection();
+      if (sel) {
+        const range = document.createRange();
+        const lastNode = this.getLastTextNode(paragraphBlock) || paragraphBlock;
+        if (lastNode.nodeType === Node.TEXT_NODE) {
+          range.setStart(lastNode, lastNode.textContent?.length || 0);
+          range.setEnd(lastNode, lastNode.textContent?.length || 0);
+        } else {
+          range.selectNodeContents(lastNode);
+          range.collapse(false);
+        }
+        sel.removeAllRanges();
+        sel.addRange(range);
+      }
+    }
+    
+    // Now focus the element
     paragraphBlock.focus();
     
-    // Set cursor position after focus is established
+    // Set cursor position after focus is established (for non-end positions)
     const setCursor = () => {
       if (position === 'start') {
         this.setCursorToStart(element, context);
-      } else if (position === 'end') {
+      } else if (position === 'end' && (!paragraphBlock.textContent || paragraphBlock.textContent.length === 0)) {
+        // Only call setCursorToEnd for empty blocks
         this.setCursorToEnd(element, context);
       } else if (typeof position === 'number') {
         // Use the selection utility to set cursor position
@@ -404,6 +441,13 @@ export class ParagraphBlockHandler extends BaseBlockHandler {
       Promise.resolve().then(() => {
         if (document.activeElement === paragraphBlock || element.shadowRoot?.activeElement === paragraphBlock) {
           setCursor();
+        } else {
+          // Try again with a small delay - sometimes focus needs more time
+          setTimeout(() => {
+            if (document.activeElement === paragraphBlock || element.shadowRoot?.activeElement === paragraphBlock) {
+              setCursor();
+            }
+          }, 10);
         }
       });
     }