@nasser-sw/fabric 7.0.0-beta1 → 7.0.1-beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"overlayEditor.mjs","sources":["../../../src/text/overlayEditor.ts"],"sourcesContent":["/**\r\n * Canva/Polotno-style Overlay Text Editor\r\n *\r\n * Provides seamless inline text editing using an HTML textarea overlay\r\n * that matches canvas text positioning, styling, and transformations.\r\n */\r\n\r\nimport type { Canvas } from '../canvas/Canvas';\r\nimport type { FabricText } from '../shapes/Text/Text';\r\nimport type { IText } from '../shapes/IText/IText';\r\nimport type { Textbox } from '../shapes/Textbox';\r\nimport type { TPointerEventInfo } from '../EventTypeDefs';\r\nimport type { TMat2D } from '../typedefs';\r\nimport { transformPoint } from '../util/misc/matrix';\r\n\r\nexport interface OverlayEditorOptions {\r\n canvas: Canvas;\r\n target: FabricText | IText | Textbox;\r\n onCommit?: (text: string) => void;\r\n onCancel?: () => void;\r\n}\r\n\r\nexport interface ScreenTransform {\r\n translateX: number;\r\n translateY: number;\r\n scaleX: number;\r\n scaleY: number;\r\n angle: number; // in radians\r\n}\r\n\r\nexport class OverlayEditor {\r\n private canvas: Canvas;\r\n private target: FabricText | IText | Textbox;\r\n private container: HTMLElement;\r\n private textarea: HTMLTextAreaElement;\r\n private hostDiv: HTMLDivElement;\r\n private isDestroyed = false;\r\n private isComposing = false;\r\n private lastText: string;\r\n private onCommit?: (text: string) => void;\r\n private onCancel?: () => void;\r\n\r\n // Bound event handlers for cleanup\r\n private boundHandlers = {\r\n onInput: this.handleInput.bind(this),\r\n onKeyDown: this.handleKeyDown.bind(this),\r\n onBlur: this.handleBlur.bind(this),\r\n onCompositionStart: this.handleCompositionStart.bind(this),\r\n onCompositionEnd: this.handleCompositionEnd.bind(this),\r\n onAfterRender: this.handleAfterRender.bind(this),\r\n onMouseWheel: this.handleMouseWheel.bind(this),\r\n onFocus: this.handleFocus.bind(this),\r\n onMouseDown: this.handleMouseDown.bind(this),\r\n };\r\n\r\n constructor(options: OverlayEditorOptions) {\r\n this.canvas = options.canvas;\r\n this.target = options.target;\r\n this.onCommit = options.onCommit;\r\n this.onCancel = options.onCancel;\r\n this.lastText = this.target.text || '';\r\n\r\n this.container = this.getCanvasContainer();\r\n this.createOverlayDOM();\r\n this.attachEventListeners();\r\n this.refresh();\r\n this.focusTextarea();\r\n\r\n // Note: Don't manage object cursors since IText manages all cursors in _saveEditingProps/_restoreEditingProps\r\n // The IText editing system handles hoverCursor, moveCursor, and canvas cursors properly\r\n\r\n // Note: Canvas cursors are handled by IText's _saveEditingProps/_restoreEditingProps\r\n // We don't need to save/restore them here as it would conflict with IText's restoration\r\n }\r\n\r\n /**\r\n * Get the container element for the overlay (parent of upperCanvasEl)\r\n */\r\n private getCanvasContainer(): HTMLElement {\r\n const upperCanvas = this.canvas.upperCanvasEl;\r\n const container = upperCanvas.parentElement;\r\n if (!container) {\r\n throw new Error('Canvas must be mounted in DOM to use overlay editing');\r\n }\r\n \r\n // Ensure the container is positioned for absolute overlay positioning\r\n container.style.position = 'relative';\r\n \r\n return container;\r\n }\r\n\r\n /**\r\n * Create the overlay DOM structure\r\n */\r\n private createOverlayDOM(): void {\r\n // Host div for positioning and overflow control\r\n this.hostDiv = document.createElement('div');\r\n this.hostDiv.style.position = 'absolute';\r\n this.hostDiv.style.pointerEvents = 'none';\r\n this.hostDiv.style.zIndex = '1000';\r\n this.hostDiv.style.transformOrigin = 'left top';\r\n\r\n // Textarea for actual text input\r\n this.textarea = document.createElement('textarea');\r\n this.textarea.style.position = 'absolute';\r\n this.textarea.style.left = '0';\r\n this.textarea.style.top = '0';\r\n this.textarea.style.margin = '0';\r\n this.textarea.style.resize = 'none';\r\n this.textarea.style.pointerEvents = 'auto';\r\n // Set appropriate unicodeBidi based on content and direction\r\n const hasArabicText = /[\\u0600-\\u06FF\\u0750-\\u077F\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/.test(this.target.text || '');\r\n const isLTRDirection = (this.target as any).direction === 'ltr';\r\n \r\n if (hasArabicText && isLTRDirection) {\r\n // For Arabic text in LTR mode, use embed to preserve shaping while respecting direction\r\n this.textarea.style.unicodeBidi = 'embed';\r\n } else {\r\n // Default to plaintext for natural text flow\r\n this.textarea.style.unicodeBidi = 'plaintext';\r\n }\r\n this.textarea.style.caretColor = 'auto';\r\n\r\n // Polotno-like base\r\n this.textarea.style.border = 'none';\r\n this.textarea.style.padding = '0';\r\n this.textarea.style.background = 'transparent'; // Transparent so Fabric text shows through\r\n this.textarea.style.outline = 'none';\r\n this.textarea.style.overflow = 'hidden'; // Prevent scrollbars\r\n this.textarea.style.whiteSpace = 'pre-wrap';\r\n this.textarea.style.wordBreak = 'normal';\r\n this.textarea.style.overflowWrap = 'break-word';\r\n this.textarea.style.userSelect = 'text';\r\n this.textarea.style.textTransform = 'none';\r\n\r\n // Start visible - we'll handle transitions differently\r\n this.textarea.style.opacity = '1';\r\n\r\n // Set initial text\r\n this.textarea.value = this.target.text || '';\r\n\r\n this.hostDiv.appendChild(this.textarea);\r\n document.body.appendChild(this.hostDiv);\r\n }\r\n\r\n /**\r\n * Attach all event listeners\r\n */\r\n private attachEventListeners(): void {\r\n // Textarea events\r\n this.textarea.addEventListener('input', this.boundHandlers.onInput);\r\n this.textarea.addEventListener('keydown', this.boundHandlers.onKeyDown);\r\n this.textarea.addEventListener('blur', this.boundHandlers.onBlur);\r\n this.textarea.addEventListener(\r\n 'compositionstart',\r\n this.boundHandlers.onCompositionStart,\r\n );\r\n this.textarea.addEventListener(\r\n 'compositionend',\r\n this.boundHandlers.onCompositionEnd,\r\n );\r\n this.textarea.addEventListener('focus', this.boundHandlers.onFocus);\r\n\r\n // Canvas events for synchronization\r\n this.canvas.on('after:render', this.boundHandlers.onAfterRender);\r\n this.canvas.on('mouse:wheel', this.boundHandlers.onMouseWheel);\r\n this.canvas.on('mouse:down', this.boundHandlers.onMouseDown);\r\n \r\n // Store original methods to detect viewport changes\r\n this.setupViewportChangeDetection();\r\n }\r\n\r\n /**\r\n * Remove all event listeners\r\n */\r\n private removeEventListeners(): void {\r\n this.textarea.removeEventListener('input', this.boundHandlers.onInput);\r\n this.textarea.removeEventListener('keydown', this.boundHandlers.onKeyDown);\r\n this.textarea.removeEventListener('blur', this.boundHandlers.onBlur);\r\n this.textarea.removeEventListener(\r\n 'compositionstart',\r\n this.boundHandlers.onCompositionStart,\r\n );\r\n this.textarea.removeEventListener(\r\n 'compositionend',\r\n this.boundHandlers.onCompositionEnd,\r\n );\r\n this.textarea.removeEventListener('focus', this.boundHandlers.onFocus);\r\n\r\n this.canvas.off('after:render', this.boundHandlers.onAfterRender);\r\n this.canvas.off('mouse:wheel', this.boundHandlers.onMouseWheel);\r\n this.canvas.off('mouse:down', this.boundHandlers.onMouseDown);\r\n \r\n // Restore original methods\r\n this.restoreViewportChangeDetection();\r\n }\r\n\r\n /**\r\n * Simple method to refresh positioning when canvas changes\r\n */\r\n private updatePosition(): void {\r\n this.applyOverlayStyle();\r\n }\r\n\r\n /**\r\n * Update the Fabric object bounds to match current textarea size\r\n * This ensures Fabric.js selection controls follow the growing textbox\r\n */\r\n private updateObjectBounds(): void {\r\n if (this.isDestroyed) return;\r\n\r\n const target = this.target;\r\n const zoom = this.canvas.getZoom();\r\n \r\n // Get current textbox dimensions from the host div (in canvas coordinates)\r\n const currentWidth = parseFloat(this.hostDiv.style.width) / zoom;\r\n const currentHeight = parseFloat(this.hostDiv.style.height) / zoom;\r\n \r\n // Only update if there's a meaningful change (avoid float precision issues)\r\n const heightDiff = Math.abs(currentHeight - target.height);\r\n const threshold = 1; // 1px threshold to avoid micro-changes\r\n \r\n if (heightDiff > threshold) {\r\n target.height = currentHeight;\r\n target.setCoords(); // Update control positions\r\n this.canvas.requestRenderAll(); // Re-render to show updated selection\r\n }\r\n }\r\n\r\n /**\r\n * Convert Fabric charSpacing (1/1000 em) to CSS letter-spacing (px)\r\n */\r\n private letterSpacingPx(charSpacing: number, fontSize: number): number {\r\n return (charSpacing / 1000) * fontSize;\r\n }\r\n\r\n /**\r\n * Detect text direction using first strong directional character\r\n */\r\n private firstStrongDir(text: string): 'ltr' | 'rtl' {\r\n // Hebrew: \\u0590-\\u05FF, Arabic: \\u0600-\\u06FF, \\u0750-\\u077F, \\uFB50-\\uFDFF, \\uFE70-\\uFEFF\r\n const rtlRegex =\r\n /[\\u0590-\\u05FF\\u0600-\\u06FF\\u0750-\\u077F\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/;\r\n return rtlRegex.test(text) ? 'rtl' : 'ltr';\r\n }\r\n\r\n private applyOverlayStyle(): void {\r\n const target = this.target;\r\n const canvas = this.canvas;\r\n\r\n // 1. Freshen object's transformations - use aCoords like rtl-test.html\r\n target.setCoords();\r\n const aCoords = target.aCoords;\r\n \r\n // DEBUG: Log dimensions before edit\r\n console.log('BEFORE EDIT:');\r\n console.log(' target.width =', (target as any).width);\r\n console.log(' target.height =', target.height);\r\n console.log(' target.getScaledWidth() =', target.getScaledWidth());\r\n console.log(' target.getScaledHeight() =', target.getScaledHeight());\r\n console.log(' target.padding =', (target as any).padding);\r\n \r\n // 2. Get canvas position and scroll offsets (like rtl-test.html)\r\n const canvasEl = canvas.upperCanvasEl;\r\n const canvasRect = canvasEl.getBoundingClientRect();\r\n const scrollX = window.scrollX || window.pageXOffset;\r\n const scrollY = window.scrollY || window.pageYOffset;\r\n\r\n // 3. Position and dimensions accounting for Fabric Textbox padding and viewport transform\r\n const zoom = canvas.getZoom();\r\n const vpt = canvas.viewportTransform;\r\n const padding = (target as any).padding || 0;\r\n const paddingX = padding * (target.scaleX || 1) * zoom;\r\n const paddingY = padding * (target.scaleY || 1) * zoom;\r\n\r\n // Transform object's top-left corner coordinates to screen coordinates using viewport transform\r\n // aCoords.tl already accounts for object positioning and scaling, just need viewport transform\r\n const screenPoint = transformPoint({ x: aCoords.tl.x, y: aCoords.tl.y }, vpt);\r\n \r\n const left = canvasRect.left + scrollX + screenPoint.x;\r\n const top = canvasRect.top + scrollY + screenPoint.y;\r\n\r\n // 4. Get dimensions with zoom scaling - use target.width for text wrapping, scaled height for container\r\n const width = (target as any).width * (target.scaleX || 1) * zoom; // Account for object scale and viewport zoom\r\n const height = target.height * (target.scaleY || 1) * zoom;\r\n \r\n console.log('WIDTH CALCULATION:');\r\n console.log(' target.width =', (target as any).width);\r\n console.log(' scaledWidth =', target.getScaledWidth());\r\n console.log(' zoom =', zoom);\r\n console.log(' final width =', width);\r\n\r\n // 5. Apply styles to host DIV - absolute positioning like rtl-test.html\r\n this.hostDiv.style.position = 'absolute';\r\n this.hostDiv.style.left = `${left}px`;\r\n this.hostDiv.style.top = `${top}px`;\r\n this.hostDiv.style.width = `${width}px`;\r\n this.hostDiv.style.height = `${height}px`;\r\n this.hostDiv.style.overflow = 'hidden'; // Prevent scrollbars in host div\r\n // Apply rotation matching Fabric.js object transformation\r\n if (target.angle) {\r\n this.hostDiv.style.transform = `rotate(${target.angle}deg)`;\r\n this.hostDiv.style.transformOrigin = 'top left'; // Match Fabric Textbox behavior\r\n } else {\r\n this.hostDiv.style.transform = '';\r\n this.hostDiv.style.transformOrigin = '';\r\n }\r\n\r\n // 6. Style the textarea - match Fabric's exact rendering with padding\r\n const baseFontSize = (target.fontSize ?? 16);\r\n // Use scaleX for font scaling to match Fabric text scaling exactly\r\n const scaleX = target.scaleX || 1;\r\n const finalFontSize = baseFontSize * scaleX * zoom;\r\n const fabricLineHeight = target.lineHeight || 1.16;\r\n // Apply padding and dimensions to textarea\r\n const textareaWidth = paddingX > 0 ? `calc(100% - ${2 * paddingX}px)` : '100%';\r\n const textareaHeight = paddingY > 0 ? `calc(100% - ${2 * paddingY}px)` : '100%';\r\n \r\n this.textarea.style.width = textareaWidth;\r\n this.textarea.style.height = textareaHeight;\r\n this.textarea.style.padding = `${paddingY}px ${paddingX}px`;\r\n \r\n this.textarea.style.fontSize = `${finalFontSize}px`;\r\n this.textarea.style.lineHeight = String(fabricLineHeight); // Use unit-less multiplier\r\n this.textarea.style.fontFamily = target.fontFamily || 'Arial';\r\n this.textarea.style.fontWeight = String(target.fontWeight || 'normal');\r\n this.textarea.style.fontStyle = target.fontStyle || 'normal';\r\n this.textarea.style.textAlign = (target as any).textAlign || 'left';\r\n this.textarea.style.color = target.fill?.toString() || '#000';\r\n this.textarea.style.letterSpacing = `${((target.charSpacing || 0) / 1000)}em`;\r\n this.textarea.style.direction = (target as any).direction || this.firstStrongDir(this.textarea.value || '');\r\n \r\n // Ensure consistent font rendering between Fabric and CSS\r\n this.textarea.style.fontVariant = 'normal';\r\n this.textarea.style.fontStretch = 'normal';\r\n this.textarea.style.textRendering = 'auto';\r\n this.textarea.style.fontKerning = 'auto';\r\n this.textarea.style.boxSizing = 'content-box'; // Padding is added outside width/height\r\n this.textarea.style.margin = '0';\r\n this.textarea.style.border = 'none';\r\n this.textarea.style.outline = 'none';\r\n this.textarea.style.background = 'transparent';\r\n this.textarea.style.wordWrap = 'break-word';\r\n this.textarea.style.whiteSpace = 'pre-wrap';\r\n \r\n // DEBUG: Log final textarea dimensions\r\n console.log('TEXTAREA AFTER SETUP:');\r\n console.log(' textarea width =', this.textarea.style.width);\r\n console.log(' textarea height =', this.textarea.style.height);\r\n console.log(' textarea padding =', this.textarea.style.padding);\r\n console.log(' paddingX =', paddingX, 'paddingY =', paddingY);\r\n console.log(' baseFontSize =', baseFontSize);\r\n console.log(' scaleX =', scaleX);\r\n console.log(' zoom =', zoom);\r\n console.log(' finalFontSize =', finalFontSize);\r\n console.log(' fabricLineHeight =', fabricLineHeight);\r\n\r\n // Initial bounds are set correctly by Fabric.js - don't force update here\r\n\r\n \r\n }\r\n\r\n /**\r\n * Focus the textarea and position cursor at end\r\n */\r\n private focusTextarea(): void {\r\n \r\n\r\n // For overlay editing, we want to keep the object in \"selection mode\" not \"editing mode\"\r\n // This means keeping selected=true and isEditing=false to show boundaries\r\n \r\n // Hide the text content only (not the entire object)\r\n this.target.opacity = 0.01; // Nearly transparent but not fully hidden\r\n \r\n // Ensure object stays selected to show boundaries\r\n (this.target as any).selected = true;\r\n (this.target as any).isEditing = false; // Override any editing state\r\n \r\n // Make sure controls are enabled and movement is allowed during overlay editing\r\n this.target.set({\r\n hasControls: true,\r\n hasBorders: true,\r\n selectable: true,\r\n lockMovementX: false,\r\n lockMovementY: false\r\n });\r\n \r\n // Keep as active object\r\n this.canvas.setActiveObject(this.target);\r\n \r\n this.canvas.requestRenderAll();\r\n this.target.setCoords();\r\n this.applyOverlayStyle();\r\n\r\n \r\n\r\n this.textarea.focus();\r\n this.textarea.setSelectionRange(\r\n this.textarea.value.length,\r\n this.textarea.value.length,\r\n );\r\n \r\n // Ensure the object stays selected even after textarea focus\r\n this.canvas.setActiveObject(this.target);\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n /**\r\n * Refresh overlay positioning and styling\r\n */\r\n public refresh(): void {\r\n if (this.isDestroyed) return;\r\n this.updatePosition();\r\n // Don't update object bounds on every refresh - only when textarea actually resizes\r\n }\r\n\r\n /**\r\n * Destroy the overlay editor\r\n */\r\n public destroy(commit: boolean = true): void {\r\n if (this.isDestroyed) return;\r\n this.isDestroyed = true;\r\n\r\n this.removeEventListeners();\r\n\r\n // Restore target visibility before handling commit/cancel\r\n if ((this.target as any).__overlayEditor === this) {\r\n (this.target as any).__overlayEditor = undefined;\r\n\r\n // Restore original opacity\r\n if ((this.target as any).__overlayOriginalOpacity !== undefined) {\r\n this.target.opacity = (this.target as any).__overlayOriginalOpacity;\r\n delete (this.target as any).__overlayOriginalOpacity;\r\n }\r\n }\r\n\r\n // Remove DOM first\r\n if (this.hostDiv.parentNode) {\r\n this.hostDiv.parentNode.removeChild(this.hostDiv);\r\n }\r\n\r\n // Handle commit/cancel after restoring visibility\r\n if (commit && !this.isComposing) {\r\n const finalText = this.textarea.value;\r\n if (this.onCommit) {\r\n this.onCommit(finalText);\r\n }\r\n } else if (!commit && this.onCancel) {\r\n this.onCancel();\r\n }\r\n\r\n // Note: Don't restore object cursors since IText manages all cursors in _restoreEditingProps\r\n // Let the IText editing system handle proper restoration of all cursor properties\r\n\r\n // Note: Canvas cursors are restored by IText's _restoreEditingProps method\r\n // Force a cursor refresh by triggering _setCursorFromEvent\r\n setTimeout(() => {\r\n this.canvas.upperCanvasEl.style.cursor = '';\r\n // Trigger cursor refresh on next mouse move\r\n this.canvas.setCursor(this.canvas.defaultCursor);\r\n }, 0);\r\n\r\n // Request canvas re-render\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n // Event handlers\r\n private handleInput(): void {\r\n if (!this.isComposing && this.target.text !== this.textarea.value) {\r\n // Live update target text\r\n this.target.text = this.textarea.value;\r\n\r\n // Auto-resize textarea to match new content\r\n this.autoResizeTextarea();\r\n\r\n // Ensure object stays in selection mode (not editing mode) to show controls\r\n (this.target as any).selected = true;\r\n (this.target as any).isEditing = false;\r\n this.canvas.setActiveObject(this.target);\r\n this.canvas.requestRenderAll();\r\n }\r\n }\r\n\r\n private autoResizeTextarea(): void {\r\n // Allow both vertical growth and shrinking; host width stays fixed\r\n const oldHeight = parseFloat(window.getComputedStyle(this.textarea).height);\r\n \r\n // Reset height to measure actual needed height\r\n this.textarea.style.height = 'auto';\r\n const scrollHeight = this.textarea.scrollHeight;\r\n \r\n // Add extra padding to prevent text clipping (especially for line height)\r\n const lineHeightBuffer = 8; // Extra space to prevent clipping\r\n const newHeight = Math.max(scrollHeight + lineHeightBuffer, 25); // Minimum height with buffer\r\n const heightChanged = Math.abs(newHeight - oldHeight) > 2; // Only if meaningful change\r\n \r\n this.textarea.style.height = `${newHeight}px`;\r\n this.hostDiv.style.height = `${newHeight}px`; // Match exactly\r\n \r\n // Only update object bounds if height actually changed\r\n if (heightChanged) {\r\n this.updateObjectBounds();\r\n }\r\n }\r\n\r\n private handleKeyDown(e: KeyboardEvent): void {\r\n if (e.key === 'Escape') {\r\n e.preventDefault();\r\n this.destroy(false); // Cancel\r\n } else if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {\r\n e.preventDefault();\r\n this.destroy(true); // Commit\r\n }\r\n }\r\n\r\n private handleFocus(): void {\r\n // Focus handler - could be used for future enhancements\r\n }\r\n\r\n private handleBlur(): void {\r\n // Commit on blur unless we're in composition mode\r\n if (!this.isComposing) {\r\n this.destroy(true);\r\n }\r\n }\r\n\r\n private handleCompositionStart(): void {\r\n this.isComposing = true;\r\n }\r\n\r\n private handleCompositionEnd(): void {\r\n this.isComposing = false;\r\n this.handleInput(); // Update text after composition\r\n }\r\n\r\n private handleAfterRender(): void {\r\n this.refresh();\r\n }\r\n\r\n private handleMouseWheel(): void {\r\n this.refresh();\r\n }\r\n\r\n private handleMouseDown(e: TPointerEventInfo): void {\r\n if (e.target !== this.target) {\r\n this.destroy(true);\r\n }\r\n }\r\n\r\n /**\r\n * Setup detection for viewport changes (zoom/pan)\r\n */\r\n private setupViewportChangeDetection(): void {\r\n // Store original methods\r\n (this.canvas as any).__originalSetZoom = this.canvas.setZoom;\r\n (this.canvas as any).__originalSetViewportTransform = this.canvas.setViewportTransform;\r\n (this.canvas as any).__overlayEditor = this;\r\n \r\n // Override setZoom to detect zoom changes\r\n const originalSetZoom = this.canvas.setZoom.bind(this.canvas);\r\n this.canvas.setZoom = (value: number) => {\r\n const result = originalSetZoom(value);\r\n if ((this.canvas as any).__overlayEditor && !this.isDestroyed) {\r\n this.refresh();\r\n }\r\n return result;\r\n };\r\n \r\n // Override setViewportTransform to detect pan changes\r\n const originalSetViewportTransform = this.canvas.setViewportTransform.bind(this.canvas);\r\n this.canvas.setViewportTransform = (vpt: TMat2D) => {\r\n const result = originalSetViewportTransform(vpt);\r\n if ((this.canvas as any).__overlayEditor && !this.isDestroyed) {\r\n this.refresh();\r\n }\r\n return result;\r\n };\r\n }\r\n \r\n /**\r\n * Restore original viewport methods\r\n */\r\n private restoreViewportChangeDetection(): void {\r\n if ((this.canvas as any).__originalSetZoom) {\r\n this.canvas.setZoom = (this.canvas as any).__originalSetZoom;\r\n delete (this.canvas as any).__originalSetZoom;\r\n }\r\n if ((this.canvas as any).__originalSetViewportTransform) {\r\n this.canvas.setViewportTransform = (this.canvas as any).__originalSetViewportTransform;\r\n delete (this.canvas as any).__originalSetViewportTransform;\r\n }\r\n delete (this.canvas as any).__overlayEditor;\r\n }\r\n\r\n \r\n}\r\n\r\n/**\r\n * Enter overlay text editing mode for a text object\r\n */\r\nexport function enterTextOverlayEdit(\r\n canvas: Canvas,\r\n target: FabricText | IText | Textbox,\r\n options?: {\r\n onCommit?: (text: string) => void;\r\n onCancel?: () => void;\r\n },\r\n): OverlayEditor {\r\n // If already in overlay editing, destroy existing editor first\r\n if ((target as any).__overlayEditor) {\r\n (target as any).__overlayEditor.destroy(false);\r\n }\r\n\r\n // Store original opacity so we can restore it later\r\n (target as any).__overlayOriginalOpacity = target.opacity;\r\n\r\n const editor = new OverlayEditor({\r\n canvas,\r\n target,\r\n onCommit: options?.onCommit,\r\n onCancel: options?.onCancel,\r\n });\r\n\r\n // We no longer change fill, so no need to store it\r\n \r\n // Store reference on target for cleanup\r\n (target as any).__overlayEditor = editor;\r\n\r\n return editor;\r\n}\r\n\r\n/**\r\n * Check if a text object is currently being edited with overlay editor\r\n */\r\nexport function isInOverlayEdit(target: FabricText | IText | Textbox): boolean {\r\n return !!(target as any).__overlayEditor?.isActive;\r\n}\r\n"],"names":["OverlayEditor","constructor","options","_defineProperty","onInput","handleInput","bind","onKeyDown","handleKeyDown","onBlur","handleBlur","onCompositionStart","handleCompositionStart","onCompositionEnd","handleCompositionEnd","onAfterRender","handleAfterRender","onMouseWheel","handleMouseWheel","onFocus","handleFocus","onMouseDown","handleMouseDown","canvas","target","onCommit","onCancel","lastText","text","container","getCanvasContainer","createOverlayDOM","attachEventListeners","refresh","focusTextarea","upperCanvas","upperCanvasEl","parentElement","Error","style","position","hostDiv","document","createElement","pointerEvents","zIndex","transformOrigin","textarea","left","top","margin","resize","hasArabicText","test","isLTRDirection","direction","unicodeBidi","caretColor","border","padding","background","outline","overflow","whiteSpace","wordBreak","overflowWrap","userSelect","textTransform","opacity","value","appendChild","body","addEventListener","boundHandlers","on","setupViewportChangeDetection","removeEventListeners","removeEventListener","off","restoreViewportChangeDetection","updatePosition","applyOverlayStyle","updateObjectBounds","isDestroyed","zoom","getZoom","parseFloat","width","currentHeight","height","heightDiff","Math","abs","threshold","setCoords","requestRenderAll","letterSpacingPx","charSpacing","fontSize","firstStrongDir","rtlRegex","_target$fontSize","_target$fill","aCoords","console","log","getScaledWidth","getScaledHeight","canvasEl","canvasRect","getBoundingClientRect","scrollX","window","pageXOffset","scrollY","pageYOffset","vpt","viewportTransform","paddingX","scaleX","paddingY","scaleY","screenPoint","transformPoint","x","tl","y","angle","transform","baseFontSize","finalFontSize","fabricLineHeight","lineHeight","textareaWidth","textareaHeight","String","fontFamily","fontWeight","fontStyle","textAlign","color","fill","toString","letterSpacing","fontVariant","fontStretch","textRendering","fontKerning","boxSizing","wordWrap","selected","isEditing","set","hasControls","hasBorders","selectable","lockMovementX","lockMovementY","setActiveObject","focus","setSelectionRange","length","destroy","commit","arguments","undefined","__overlayEditor","__overlayOriginalOpacity","parentNode","removeChild","isComposing","finalText","setTimeout","cursor","setCursor","defaultCursor","autoResizeTextarea","oldHeight","getComputedStyle","scrollHeight","lineHeightBuffer","newHeight","max","heightChanged","e","key","preventDefault","ctrlKey","metaKey","__originalSetZoom","setZoom","__originalSetViewportTransform","setViewportTransform","originalSetZoom","result","originalSetViewportTransform","enterTextOverlayEdit","editor"],"mappings":"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"}
1
+ {"version":3,"file":"overlayEditor.mjs","sources":["../../../src/text/overlayEditor.ts"],"sourcesContent":["/**\r\n * Canva/Polotno-style Overlay Text Editor\r\n *\r\n * Provides seamless inline text editing using an HTML textarea overlay\r\n * that matches canvas text positioning, styling, and transformations.\r\n */\r\n\r\nimport type { Canvas } from '../canvas/Canvas';\r\nimport type { FabricText } from '../shapes/Text/Text';\r\nimport type { IText } from '../shapes/IText/IText';\r\nimport type { Textbox } from '../shapes/Textbox';\r\nimport type { TPointerEventInfo } from '../EventTypeDefs';\r\nimport type { TMat2D } from '../typedefs';\r\nimport { transformPoint } from '../util/misc/matrix';\r\n\r\nexport interface OverlayEditorOptions {\r\n canvas: Canvas;\r\n target: FabricText | IText | Textbox;\r\n onCommit?: (text: string) => void;\r\n onCancel?: () => void;\r\n}\r\n\r\nexport interface ScreenTransform {\r\n translateX: number;\r\n translateY: number;\r\n scaleX: number;\r\n scaleY: number;\r\n angle: number; // in radians\r\n}\r\n\r\nexport class OverlayEditor {\r\n private canvas: Canvas;\r\n private target: FabricText | IText | Textbox;\r\n private container: HTMLElement;\r\n private textarea: HTMLTextAreaElement;\r\n private hostDiv: HTMLDivElement;\r\n private isDestroyed = false;\r\n private isComposing = false;\r\n private lastText: string;\r\n private onCommit?: (text: string) => void;\r\n private onCancel?: () => void;\r\n\r\n // Bound event handlers for cleanup\r\n private boundHandlers = {\r\n onInput: this.handleInput.bind(this),\r\n onKeyDown: this.handleKeyDown.bind(this),\r\n onBlur: this.handleBlur.bind(this),\r\n onCompositionStart: this.handleCompositionStart.bind(this),\r\n onCompositionEnd: this.handleCompositionEnd.bind(this),\r\n onAfterRender: this.handleAfterRender.bind(this),\r\n onMouseWheel: this.handleMouseWheel.bind(this),\r\n onFocus: this.handleFocus.bind(this),\r\n onMouseDown: this.handleMouseDown.bind(this),\r\n };\r\n\r\n constructor(options: OverlayEditorOptions) {\r\n this.canvas = options.canvas;\r\n this.target = options.target;\r\n this.onCommit = options.onCommit;\r\n this.onCancel = options.onCancel;\r\n this.lastText = this.target.text || '';\r\n\r\n this.container = this.getCanvasContainer();\r\n this.createOverlayDOM();\r\n this.attachEventListeners();\r\n this.refresh();\r\n this.focusTextarea();\r\n\r\n // Note: Don't manage object cursors since IText manages all cursors in _saveEditingProps/_restoreEditingProps\r\n // The IText editing system handles hoverCursor, moveCursor, and canvas cursors properly\r\n\r\n // Note: Canvas cursors are handled by IText's _saveEditingProps/_restoreEditingProps\r\n // We don't need to save/restore them here as it would conflict with IText's restoration\r\n }\r\n\r\n /**\r\n * Get the container element for the overlay (parent of upperCanvasEl)\r\n */\r\n private getCanvasContainer(): HTMLElement {\r\n const upperCanvas = this.canvas.upperCanvasEl;\r\n const container = upperCanvas.parentElement;\r\n if (!container) {\r\n throw new Error('Canvas must be mounted in DOM to use overlay editing');\r\n }\r\n\r\n // Ensure the container is positioned for absolute overlay positioning\r\n container.style.position = 'relative';\r\n\r\n return container;\r\n }\r\n\r\n /**\r\n * Create the overlay DOM structure\r\n */\r\n private createOverlayDOM(): void {\r\n // Host div for positioning and overflow control\r\n this.hostDiv = document.createElement('div');\r\n this.hostDiv.style.position = 'absolute';\r\n this.hostDiv.style.pointerEvents = 'none';\r\n this.hostDiv.style.zIndex = '1000';\r\n this.hostDiv.style.transformOrigin = 'left top';\r\n\r\n // Textarea for actual text input\r\n this.textarea = document.createElement('textarea');\r\n this.textarea.style.position = 'absolute';\r\n this.textarea.style.left = '0';\r\n this.textarea.style.top = '0';\r\n this.textarea.style.margin = '0';\r\n this.textarea.style.resize = 'none';\r\n this.textarea.style.pointerEvents = 'auto';\r\n // Set appropriate unicodeBidi based on content and direction\r\n const hasArabicText =\r\n /[\\u0600-\\u06FF\\u0750-\\u077F\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/.test(\r\n this.target.text || '',\r\n );\r\n const hasLatinText = /[a-zA-Z]/.test(this.target.text || '');\r\n const isLTRDirection = (this.target as any).direction === 'ltr';\r\n\r\n if (hasArabicText && hasLatinText && isLTRDirection) {\r\n // For mixed Arabic/Latin text in LTR mode, use embed for consistent line wrapping\r\n this.textarea.style.unicodeBidi = 'embed';\r\n } else if (hasArabicText && isLTRDirection) {\r\n // For Arabic text in LTR mode, use embed to preserve shaping while respecting direction\r\n this.textarea.style.unicodeBidi = 'embed';\r\n } else {\r\n // Default to plaintext for natural text flow\r\n this.textarea.style.unicodeBidi = 'plaintext';\r\n }\r\n this.textarea.style.caretColor = 'auto';\r\n\r\n // Polotno-like base\r\n this.textarea.style.border = 'none';\r\n this.textarea.style.padding = '0';\r\n this.textarea.style.background = 'transparent'; // Transparent so Fabric text shows through\r\n this.textarea.style.outline = 'none';\r\n this.textarea.style.overflow = 'hidden'; // Prevent scrollbars\r\n this.textarea.style.whiteSpace = 'pre-wrap';\r\n this.textarea.style.wordBreak = 'normal';\r\n this.textarea.style.overflowWrap = 'break-word';\r\n this.textarea.style.userSelect = 'text';\r\n this.textarea.style.textTransform = 'none';\r\n\r\n // Start visible - we'll handle transitions differently\r\n this.textarea.style.opacity = '1';\r\n\r\n // Set initial text\r\n this.textarea.value = this.target.text || '';\r\n\r\n this.hostDiv.appendChild(this.textarea);\r\n document.body.appendChild(this.hostDiv);\r\n }\r\n\r\n /**\r\n * Attach all event listeners\r\n */\r\n private attachEventListeners(): void {\r\n // Textarea events\r\n this.textarea.addEventListener('input', this.boundHandlers.onInput);\r\n this.textarea.addEventListener('keydown', this.boundHandlers.onKeyDown);\r\n this.textarea.addEventListener('blur', this.boundHandlers.onBlur);\r\n this.textarea.addEventListener(\r\n 'compositionstart',\r\n this.boundHandlers.onCompositionStart,\r\n );\r\n this.textarea.addEventListener(\r\n 'compositionend',\r\n this.boundHandlers.onCompositionEnd,\r\n );\r\n this.textarea.addEventListener('focus', this.boundHandlers.onFocus);\r\n\r\n // Canvas events for synchronization\r\n this.canvas.on('after:render', this.boundHandlers.onAfterRender);\r\n this.canvas.on('mouse:wheel', this.boundHandlers.onMouseWheel);\r\n this.canvas.on('mouse:down', this.boundHandlers.onMouseDown);\r\n\r\n // Store original methods to detect viewport changes\r\n this.setupViewportChangeDetection();\r\n }\r\n\r\n /**\r\n * Remove all event listeners\r\n */\r\n private removeEventListeners(): void {\r\n this.textarea.removeEventListener('input', this.boundHandlers.onInput);\r\n this.textarea.removeEventListener('keydown', this.boundHandlers.onKeyDown);\r\n this.textarea.removeEventListener('blur', this.boundHandlers.onBlur);\r\n this.textarea.removeEventListener(\r\n 'compositionstart',\r\n this.boundHandlers.onCompositionStart,\r\n );\r\n this.textarea.removeEventListener(\r\n 'compositionend',\r\n this.boundHandlers.onCompositionEnd,\r\n );\r\n this.textarea.removeEventListener('focus', this.boundHandlers.onFocus);\r\n\r\n this.canvas.off('after:render', this.boundHandlers.onAfterRender);\r\n this.canvas.off('mouse:wheel', this.boundHandlers.onMouseWheel);\r\n this.canvas.off('mouse:down', this.boundHandlers.onMouseDown);\r\n\r\n // Restore original methods\r\n this.restoreViewportChangeDetection();\r\n }\r\n\r\n /**\r\n * Simple method to refresh positioning when canvas changes\r\n */\r\n private updatePosition(): void {\r\n this.applyOverlayStyle();\r\n }\r\n\r\n /**\r\n * Update the Fabric object bounds to match current textarea size\r\n * This ensures Fabric.js selection controls follow the growing textbox\r\n */\r\n private updateObjectBounds(): void {\r\n if (this.isDestroyed) return;\r\n\r\n const target = this.target;\r\n const zoom = this.canvas.getZoom();\r\n\r\n // Get current textbox dimensions from the host div (in canvas coordinates)\r\n const currentWidth = parseFloat(this.hostDiv.style.width) / zoom;\r\n const currentHeight = parseFloat(this.hostDiv.style.height) / zoom;\r\n\r\n // Always update height for responsive controls (especially important for line deletion)\r\n const heightDiff = Math.abs(currentHeight - target.height);\r\n const threshold = 0.5; // Lower threshold for better responsiveness to line changes\r\n\r\n if (heightDiff > threshold) {\r\n const oldHeight = target.height;\r\n target.height = currentHeight;\r\n target.setCoords(); // Update control positions\r\n\r\n // Force dirty to ensure proper re-rendering\r\n target.dirty = true;\r\n this.canvas.requestRenderAll(); // Re-render to show updated selection\r\n\r\n // IMPORTANT: Reposition overlay after height change\r\n requestAnimationFrame(() => {\r\n if (!this.isDestroyed) {\r\n this.applyOverlayStyle();\r\n console.log(\r\n '📐 Height changed - rechecking alignment after repositioning:',\r\n );\r\n }\r\n });\r\n }\r\n }\r\n\r\n /**\r\n * Convert Fabric charSpacing (1/1000 em) to CSS letter-spacing (px)\r\n */\r\n private letterSpacingPx(charSpacing: number, fontSize: number): number {\r\n return (charSpacing / 1000) * fontSize;\r\n }\r\n\r\n /**\r\n * Detect text direction using first strong directional character\r\n */\r\n private firstStrongDir(text: string): 'ltr' | 'rtl' {\r\n // Hebrew: \\u0590-\\u05FF, Arabic: \\u0600-\\u06FF, \\u0750-\\u077F, \\uFB50-\\uFDFF, \\uFE70-\\uFEFF\r\n const rtlRegex =\r\n /[\\u0590-\\u05FF\\u0600-\\u06FF\\u0750-\\u077F\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/;\r\n return rtlRegex.test(text) ? 'rtl' : 'ltr';\r\n }\r\n\r\n private applyOverlayStyle(): void {\r\n const target = this.target;\r\n const canvas = this.canvas;\r\n\r\n // 1. Freshen object's transformations - use aCoords like rtl-test.html\r\n target.setCoords();\r\n const aCoords = target.aCoords;\r\n\r\n // 2. Get canvas position and scroll offsets (like rtl-test.html)\r\n const canvasEl = canvas.upperCanvasEl;\r\n const canvasRect = canvasEl.getBoundingClientRect();\r\n const scrollX = window.scrollX || window.pageXOffset;\r\n const scrollY = window.scrollY || window.pageYOffset;\r\n\r\n // 3. Position and dimensions accounting for Fabric Textbox padding and viewport transform\r\n const zoom = canvas.getZoom();\r\n const vpt = canvas.viewportTransform;\r\n const padding = (target as any).padding || 0;\r\n const paddingX = padding * (target.scaleX || 1) * zoom;\r\n const paddingY = padding * (target.scaleY || 1) * zoom;\r\n\r\n // Transform object's top-left corner coordinates to screen coordinates using viewport transform\r\n // aCoords.tl already accounts for object positioning and scaling, just need viewport transform\r\n const screenPoint = transformPoint(\r\n { x: aCoords.tl.x, y: aCoords.tl.y },\r\n vpt,\r\n );\r\n\r\n const left = canvasRect.left + scrollX + screenPoint.x;\r\n const top = canvasRect.top + scrollY + screenPoint.y;\r\n\r\n // 4. Calculate the precise width and height for the container\r\n // **THE FIX:** Use getBoundingRect() for BOTH width and height.\r\n // This is the most reliable measure of the object's final rendered dimensions.\r\n const objectBounds = target.getBoundingRect();\r\n const width = Math.round(objectBounds.width * zoom);\r\n const height = Math.round(objectBounds.height * zoom);\r\n\r\n // 5. Apply styles to host DIV - absolute positioning like rtl-test.html\r\n this.hostDiv.style.position = 'absolute';\r\n this.hostDiv.style.left = `${left}px`;\r\n this.hostDiv.style.top = `${top}px`;\r\n this.hostDiv.style.width = `${width}px`;\r\n this.hostDiv.style.height = `${height}px`;\r\n this.hostDiv.style.overflow = 'hidden'; // Prevent scrollbars in host div\r\n // Apply rotation matching Fabric.js object transformation\r\n if (target.angle) {\r\n this.hostDiv.style.transform = `rotate(${target.angle}deg)`;\r\n this.hostDiv.style.transformOrigin = 'top left'; // Match Fabric Textbox behavior\r\n } else {\r\n this.hostDiv.style.transform = '';\r\n this.hostDiv.style.transformOrigin = '';\r\n }\r\n\r\n // 6. Style the textarea - match Fabric's exact rendering with padding\r\n const baseFontSize = target.fontSize ?? 16;\r\n // Use scaleX for font scaling to match Fabric text scaling exactly\r\n const scaleX = target.scaleX || 1;\r\n const finalFontSize = baseFontSize * scaleX * zoom;\r\n const fabricLineHeight = target.lineHeight || 1.16;\r\n // **THE FIX:** Use 'border-box' so the width property includes padding.\r\n // This makes alignment much easier and more reliable.\r\n this.textarea.style.boxSizing = 'border-box';\r\n\r\n // **THE FIX:** Set the textarea width to be IDENTICAL to the host div's width.\r\n // The padding will now be correctly contained *inside* this width.\r\n this.textarea.style.width = `${width}px`;\r\n this.textarea.style.height = '100%'; // Let hostDiv control height\r\n this.textarea.style.padding = `${paddingY}px ${paddingX}px`;\r\n\r\n // Apply all other font and text styles to match Fabric\r\n const letterSpacingPx = ((target.charSpacing || 0) / 1000) * finalFontSize;\r\n\r\n this.textarea.style.fontSize = `${finalFontSize}px`;\r\n this.textarea.style.lineHeight = String(fabricLineHeight);\r\n this.textarea.style.fontFamily = target.fontFamily || 'Arial';\r\n this.textarea.style.fontWeight = String(target.fontWeight || 'normal');\r\n this.textarea.style.fontStyle = target.fontStyle || 'normal';\r\n this.textarea.style.textAlign = (target as any).textAlign || 'left';\r\n this.textarea.style.color = target.fill?.toString() || '#000';\r\n this.textarea.style.letterSpacing = `${letterSpacingPx}px`;\r\n this.textarea.style.direction =\r\n (target as any).direction ||\r\n this.firstStrongDir(this.textarea.value || '');\r\n this.textarea.style.fontVariant = 'normal';\r\n this.textarea.style.fontStretch = 'normal';\r\n this.textarea.style.textRendering = 'optimizeLegibility';\r\n this.textarea.style.fontKerning = 'normal';\r\n this.textarea.style.fontFeatureSettings = 'normal';\r\n this.textarea.style.fontVariationSettings = 'normal';\r\n this.textarea.style.margin = '0';\r\n this.textarea.style.border = 'none';\r\n this.textarea.style.outline = 'none';\r\n this.textarea.style.background = 'transparent';\r\n this.textarea.style.overflowWrap = 'break-word';\r\n this.textarea.style.whiteSpace = 'pre-wrap';\r\n this.textarea.style.hyphens = 'none';\r\n \r\n (this.textarea.style as any).webkitFontSmoothing = 'antialiased';\r\n (this.textarea.style as any).mozOsxFontSmoothing = 'grayscale';\r\n\r\n // Debug: Compare textarea and canvas object bounding boxes\r\n this.debugBoundingBoxComparison();\r\n\r\n // Debug: Compare text wrapping behavior\r\n this.debugTextWrapping();\r\n\r\n // Initial bounds are set correctly by Fabric.js - don't force update here\r\n }\r\n\r\n /**\r\n * Debug method to compare textarea and canvas object bounding boxes\r\n */\r\n private debugBoundingBoxComparison(): void {\r\n const target = this.target;\r\n const canvas = this.canvas;\r\n const zoom = canvas.getZoom();\r\n\r\n // Get textarea bounding box (in screen coordinates)\r\n const textareaRect = this.textarea.getBoundingClientRect();\r\n const hostRect = this.hostDiv.getBoundingClientRect();\r\n\r\n // Get canvas object bounding box (in screen coordinates)\r\n const canvasBounds = target.getBoundingRect();\r\n const canvasRect = canvas.upperCanvasEl.getBoundingClientRect();\r\n\r\n // Convert canvas object bounds to screen coordinates\r\n const vpt = canvas.viewportTransform;\r\n const screenObjectBounds = {\r\n left: canvasRect.left + canvasBounds.left * zoom + vpt[4],\r\n top: canvasRect.top + canvasBounds.top * zoom + vpt[5],\r\n width: canvasBounds.width * zoom,\r\n height: canvasBounds.height * zoom,\r\n };\r\n\r\n console.log('🔍 BOUNDING BOX COMPARISON:');\r\n console.log('📦 Textarea Rect:', {\r\n left: Math.round(textareaRect.left * 100) / 100,\r\n top: Math.round(textareaRect.top * 100) / 100,\r\n width: Math.round(textareaRect.width * 100) / 100,\r\n height: Math.round(textareaRect.height * 100) / 100,\r\n });\r\n console.log('📦 Host Div Rect:', {\r\n left: Math.round(hostRect.left * 100) / 100,\r\n top: Math.round(hostRect.top * 100) / 100,\r\n width: Math.round(hostRect.width * 100) / 100,\r\n height: Math.round(hostRect.height * 100) / 100,\r\n });\r\n console.log('📦 Canvas Object Bounds (screen):', {\r\n left: Math.round(screenObjectBounds.left * 100) / 100,\r\n top: Math.round(screenObjectBounds.top * 100) / 100,\r\n width: Math.round(screenObjectBounds.width * 100) / 100,\r\n height: Math.round(screenObjectBounds.height * 100) / 100,\r\n });\r\n console.log('📦 Canvas Object Bounds (canvas):', canvasBounds);\r\n\r\n // Calculate differences\r\n const hostVsObject = {\r\n leftDiff:\r\n Math.round((hostRect.left - screenObjectBounds.left) * 100) / 100,\r\n topDiff: Math.round((hostRect.top - screenObjectBounds.top) * 100) / 100,\r\n widthDiff:\r\n Math.round((hostRect.width - screenObjectBounds.width) * 100) / 100,\r\n heightDiff:\r\n Math.round((hostRect.height - screenObjectBounds.height) * 100) / 100,\r\n };\r\n\r\n const textareaVsObject = {\r\n leftDiff:\r\n Math.round((textareaRect.left - screenObjectBounds.left) * 100) / 100,\r\n topDiff:\r\n Math.round((textareaRect.top - screenObjectBounds.top) * 100) / 100,\r\n widthDiff:\r\n Math.round((textareaRect.width - screenObjectBounds.width) * 100) / 100,\r\n heightDiff:\r\n Math.round((textareaRect.height - screenObjectBounds.height) * 100) /\r\n 100,\r\n };\r\n\r\n console.log('📏 Host Div vs Canvas Object Diff:', hostVsObject);\r\n console.log('📏 Textarea vs Canvas Object Diff:', textareaVsObject);\r\n\r\n // Check if they're aligned (within 2px tolerance)\r\n const tolerance = 2;\r\n const hostAligned =\r\n Math.abs(hostVsObject.leftDiff) < tolerance &&\r\n Math.abs(hostVsObject.topDiff) < tolerance &&\r\n Math.abs(hostVsObject.widthDiff) < tolerance &&\r\n Math.abs(hostVsObject.heightDiff) < tolerance;\r\n\r\n const textareaAligned =\r\n Math.abs(textareaVsObject.leftDiff) < tolerance &&\r\n Math.abs(textareaVsObject.topDiff) < tolerance &&\r\n Math.abs(textareaVsObject.widthDiff) < tolerance &&\r\n Math.abs(textareaVsObject.heightDiff) < tolerance;\r\n\r\n console.log(\r\n hostAligned\r\n ? '✅ Host Div ALIGNED with canvas object'\r\n : '❌ Host Div MISALIGNED with canvas object',\r\n );\r\n console.log(\r\n textareaAligned\r\n ? '✅ Textarea ALIGNED with canvas object'\r\n : '❌ Textarea MISALIGNED with canvas object',\r\n );\r\n console.log('🔍 Zoom:', zoom, 'Viewport Transform:', vpt);\r\n console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\r\n }\r\n\r\n /**\r\n * Debug method to compare text wrapping between textarea and Fabric text object\r\n */\r\n private debugTextWrapping(): void {\r\n const target = this.target;\r\n const text = this.textarea.value;\r\n\r\n console.log('📝 TEXT WRAPPING COMPARISON:');\r\n console.log('📄 Text Content:', `\"${text}\"`);\r\n console.log('📄 Text Length:', text.length);\r\n\r\n // Analyze line breaks\r\n const explicitLines = text.split('\\n');\r\n console.log('📄 Explicit Lines (\\\\n):', explicitLines.length);\r\n explicitLines.forEach((line, i) => {\r\n console.log(` Line ${i + 1}: \"${line}\" (${line.length} chars)`);\r\n });\r\n\r\n // Get textarea computed styles for wrapping analysis\r\n const textareaStyles = window.getComputedStyle(this.textarea);\r\n console.log('📐 Textarea Wrapping Styles:');\r\n console.log(' width:', textareaStyles.width);\r\n console.log(' fontSize:', textareaStyles.fontSize);\r\n console.log(' fontFamily:', textareaStyles.fontFamily);\r\n console.log(' fontWeight:', textareaStyles.fontWeight);\r\n console.log(' letterSpacing:', textareaStyles.letterSpacing);\r\n console.log(' lineHeight:', textareaStyles.lineHeight);\r\n console.log(' whiteSpace:', textareaStyles.whiteSpace);\r\n console.log(' wordWrap:', textareaStyles.wordWrap);\r\n console.log(' overflowWrap:', textareaStyles.overflowWrap);\r\n console.log(' direction:', textareaStyles.direction);\r\n console.log(' textAlign:', textareaStyles.textAlign);\r\n\r\n // Get Fabric text object properties for comparison\r\n console.log('📐 Fabric Text Object Properties:');\r\n console.log(' width:', (target as any).width);\r\n console.log(' fontSize:', target.fontSize);\r\n console.log(' fontFamily:', target.fontFamily);\r\n console.log(' fontWeight:', target.fontWeight);\r\n console.log(' charSpacing:', target.charSpacing);\r\n console.log(' lineHeight:', target.lineHeight);\r\n console.log(' direction:', (target as any).direction);\r\n console.log(' textAlign:', (target as any).textAlign);\r\n console.log(' scaleX:', target.scaleX);\r\n console.log(' scaleY:', target.scaleY);\r\n\r\n // Calculate effective dimensions for comparison - use actual rendered width\r\n // **THE FIX:** Use getBoundingRect to get the *actual rendered width* of the Fabric object.\r\n const fabricEffectiveWidth = this.target.getBoundingRect().width;\r\n // Use the exact width set on textarea for comparison\r\n const textareaComputedWidth = parseFloat(\r\n window.getComputedStyle(this.textarea).width,\r\n );\r\n const textareaEffectiveWidth =\r\n textareaComputedWidth / this.canvas.getZoom();\r\n const widthDiff = Math.abs(textareaEffectiveWidth - fabricEffectiveWidth);\r\n\r\n console.log('📏 Effective Width Comparison:');\r\n console.log(' Textarea Effective Width:', textareaEffectiveWidth);\r\n console.log(' Fabric Effective Width:', fabricEffectiveWidth);\r\n console.log(' Width Difference:', widthDiff.toFixed(2) + 'px');\r\n console.log(\r\n widthDiff < 1\r\n ? '✅ Widths MATCH for wrapping'\r\n : '❌ Width MISMATCH may cause different wrapping',\r\n );\r\n\r\n // Check text direction and bidi handling\r\n const hasRTLText =\r\n /[\\u0590-\\u05FF\\u0600-\\u06FF\\u0750-\\u077F\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/.test(\r\n text,\r\n );\r\n const hasBidiText = /[\\u0590-\\u06FF]/.test(text) && /[a-zA-Z]/.test(text);\r\n\r\n console.log('🌍 Text Direction Analysis:');\r\n console.log(' Has RTL characters:', hasRTLText);\r\n console.log(' Has mixed Bidi text:', hasBidiText);\r\n console.log(' Textarea direction:', textareaStyles.direction);\r\n console.log(' Fabric direction:', (target as any).direction || 'auto');\r\n console.log(' Textarea unicodeBidi:', textareaStyles.unicodeBidi);\r\n\r\n // Measure actual rendered line count\r\n const textareaScrollHeight = this.textarea.scrollHeight;\r\n const textareaLineHeight =\r\n parseFloat(textareaStyles.lineHeight) ||\r\n parseFloat(textareaStyles.fontSize) * 1.2;\r\n const estimatedTextareaLines = Math.round(\r\n textareaScrollHeight / textareaLineHeight,\r\n );\r\n\r\n console.log('📊 Line Count Analysis:');\r\n console.log(' Textarea scrollHeight:', textareaScrollHeight);\r\n console.log(' Textarea lineHeight:', textareaLineHeight);\r\n console.log(' Estimated rendered lines:', estimatedTextareaLines);\r\n console.log(' Explicit line breaks:', explicitLines.length);\r\n\r\n if (estimatedTextareaLines > explicitLines.length) {\r\n console.log('🔄 Text wrapping detected in textarea');\r\n console.log(\r\n ' Wrapped lines:',\r\n estimatedTextareaLines - explicitLines.length,\r\n );\r\n } else {\r\n console.log('📏 No text wrapping in textarea');\r\n }\r\n\r\n console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\r\n }\r\n\r\n\r\n /**\r\n * Focus the textarea and position cursor at end\r\n */\r\n private focusTextarea(): void {\r\n // For overlay editing, we want to keep the object in \"selection mode\" not \"editing mode\"\r\n // This means keeping selected=true and isEditing=false to show boundaries\r\n\r\n // Hide the text content only (not the entire object)\r\n this.target.opacity = 0.01; // Nearly transparent but not fully hidden\r\n\r\n // Ensure object stays selected to show boundaries\r\n (this.target as any).selected = true;\r\n (this.target as any).isEditing = false; // Override any editing state\r\n\r\n // Make sure controls are enabled and movement is allowed during overlay editing\r\n this.target.set({\r\n hasControls: true,\r\n hasBorders: true,\r\n selectable: true,\r\n lockMovementX: false,\r\n lockMovementY: false,\r\n });\r\n\r\n // Keep as active object\r\n this.canvas.setActiveObject(this.target);\r\n\r\n this.canvas.requestRenderAll();\r\n this.target.setCoords();\r\n this.applyOverlayStyle();\r\n\r\n this.textarea.focus();\r\n\r\n this.textarea.setSelectionRange(\r\n this.textarea.value.length,\r\n this.textarea.value.length,\r\n );\r\n\r\n // Ensure the object stays selected even after textarea focus\r\n this.canvas.setActiveObject(this.target);\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n /**\r\n * Refresh overlay positioning and styling\r\n */\r\n public refresh(): void {\r\n if (this.isDestroyed) return;\r\n this.updatePosition();\r\n // Don't update object bounds on every refresh - only when textarea actually resizes\r\n }\r\n\r\n /**\r\n * Destroy the overlay editor\r\n */\r\n public destroy(commit: boolean = true): void {\r\n if (this.isDestroyed) return;\r\n this.isDestroyed = true;\r\n\r\n this.removeEventListeners();\r\n\r\n // Restore target visibility before handling commit/cancel\r\n if ((this.target as any).__overlayEditor === this) {\r\n (this.target as any).__overlayEditor = undefined;\r\n\r\n // Restore original opacity\r\n if ((this.target as any).__overlayOriginalOpacity !== undefined) {\r\n this.target.opacity = (this.target as any).__overlayOriginalOpacity;\r\n delete (this.target as any).__overlayOriginalOpacity;\r\n }\r\n }\r\n\r\n // Remove DOM first\r\n if (this.hostDiv.parentNode) {\r\n this.hostDiv.parentNode.removeChild(this.hostDiv);\r\n }\r\n\r\n // Handle commit/cancel after restoring visibility\r\n if (commit && !this.isComposing) {\r\n const finalText = this.textarea.value;\r\n if (this.onCommit) {\r\n this.onCommit(finalText);\r\n }\r\n } else if (!commit && this.onCancel) {\r\n this.onCancel();\r\n }\r\n\r\n // Note: Don't restore object cursors since IText manages all cursors in _restoreEditingProps\r\n // Let the IText editing system handle proper restoration of all cursor properties\r\n\r\n // Note: Canvas cursors are restored by IText's _restoreEditingProps method\r\n // Force a cursor refresh by triggering _setCursorFromEvent\r\n setTimeout(() => {\r\n this.canvas.upperCanvasEl.style.cursor = '';\r\n // Trigger cursor refresh on next mouse move\r\n this.canvas.setCursor(this.canvas.defaultCursor);\r\n }, 0);\r\n\r\n // Request canvas re-render\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n // Event handlers\r\n private handleInput(): void {\r\n if (!this.isComposing && this.target.text !== this.textarea.value) {\r\n // Live update target text\r\n this.target.text = this.textarea.value;\r\n\r\n\r\n // Auto-resize textarea to match new content\r\n this.autoResizeTextarea();\r\n\r\n // Ensure object stays in selection mode (not editing mode) to show controls\r\n (this.target as any).selected = true;\r\n (this.target as any).isEditing = false;\r\n this.canvas.setActiveObject(this.target);\r\n this.canvas.requestRenderAll();\r\n }\r\n }\r\n\r\n private autoResizeTextarea(): void {\r\n // Store the scroll position and the container's old height for comparison.\r\n const scrollTop = this.textarea.scrollTop;\r\n const oldHeight = parseFloat(this.hostDiv.style.height || '0');\r\n\r\n // 1. **Force a reliable reflow.**\r\n // First, reset the textarea's height to a minimal value. This is the crucial step\r\n // that forces the browser to recalculate the content's height from scratch,\r\n // ignoring the hostDiv's larger, stale height.\r\n this.textarea.style.height = '1px';\r\n\r\n // 2. Read the now-accurate scrollHeight. This value reflects the minimum\r\n // height required for the content, whether it's single or multi-line.\r\n const scrollHeight = this.textarea.scrollHeight;\r\n\r\n // A small buffer for rendering consistency across browsers.\r\n const buffer = 2;\r\n const newHeight = scrollHeight + buffer;\r\n\r\n // Check if the height has changed significantly.\r\n const heightChanged = Math.abs(newHeight - oldHeight) > 1;\r\n\r\n // 4. Only update heights and object bounds if there was a change.\r\n if (heightChanged) {\r\n this.textarea.style.height = `${newHeight}px`;\r\n this.hostDiv.style.height = `${newHeight}px`;\r\n this.updateObjectBounds();\r\n } else {\r\n // If no significant change, ensure the textarea's height matches the container\r\n // to prevent any minor visual misalignment.\r\n this.textarea.style.height = this.hostDiv.style.height;\r\n }\r\n\r\n // 5. Restore the original scroll position.\r\n this.textarea.scrollTop = scrollTop;\r\n }\r\n\r\n private handleKeyDown(e: KeyboardEvent): void {\r\n if (e.key === 'Escape') {\r\n e.preventDefault();\r\n this.destroy(false); // Cancel\r\n } else if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {\r\n e.preventDefault();\r\n this.destroy(true); // Commit\r\n } else if (\r\n e.key === 'Enter' ||\r\n e.key === 'Backspace' ||\r\n e.key === 'Delete'\r\n ) {\r\n // For keys that might change the height, schedule a resize check\r\n // Use both immediate and delayed checks to catch all scenarios\r\n requestAnimationFrame(() => {\r\n if (!this.isDestroyed) {\r\n this.autoResizeTextarea();\r\n }\r\n });\r\n setTimeout(() => {\r\n if (!this.isDestroyed) {\r\n this.autoResizeTextarea();\r\n }\r\n }, 10); // Small delay to ensure DOM is updated\r\n }\r\n }\r\n\r\n private handleFocus(): void {\r\n // Focus handler - could be used for future enhancements\r\n }\r\n\r\n private handleBlur(): void {\r\n // Commit on blur unless we're in composition mode\r\n if (!this.isComposing) {\r\n this.destroy(true);\r\n }\r\n }\r\n\r\n private handleCompositionStart(): void {\r\n this.isComposing = true;\r\n }\r\n\r\n private handleCompositionEnd(): void {\r\n this.isComposing = false;\r\n this.handleInput(); // Update text after composition\r\n }\r\n\r\n private handleAfterRender(): void {\r\n this.refresh();\r\n }\r\n\r\n private handleMouseWheel(): void {\r\n this.refresh();\r\n }\r\n\r\n private handleMouseDown(e: TPointerEventInfo): void {\r\n if (e.target !== this.target) {\r\n this.destroy(true);\r\n }\r\n }\r\n\r\n /**\r\n * Setup detection for viewport changes (zoom/pan)\r\n */\r\n private setupViewportChangeDetection(): void {\r\n // Store original methods\r\n (this.canvas as any).__originalSetZoom = this.canvas.setZoom;\r\n (this.canvas as any).__originalSetViewportTransform =\r\n this.canvas.setViewportTransform;\r\n (this.canvas as any).__overlayEditor = this;\r\n\r\n // Override setZoom to detect zoom changes\r\n const originalSetZoom = this.canvas.setZoom.bind(this.canvas);\r\n this.canvas.setZoom = (value: number) => {\r\n const result = originalSetZoom(value);\r\n if ((this.canvas as any).__overlayEditor && !this.isDestroyed) {\r\n this.refresh();\r\n }\r\n return result;\r\n };\r\n\r\n // Override setViewportTransform to detect pan changes\r\n const originalSetViewportTransform = this.canvas.setViewportTransform.bind(\r\n this.canvas,\r\n );\r\n this.canvas.setViewportTransform = (vpt: TMat2D) => {\r\n const result = originalSetViewportTransform(vpt);\r\n if ((this.canvas as any).__overlayEditor && !this.isDestroyed) {\r\n this.refresh();\r\n }\r\n return result;\r\n };\r\n }\r\n\r\n /**\r\n * Restore original viewport methods\r\n */\r\n private restoreViewportChangeDetection(): void {\r\n if ((this.canvas as any).__originalSetZoom) {\r\n this.canvas.setZoom = (this.canvas as any).__originalSetZoom;\r\n delete (this.canvas as any).__originalSetZoom;\r\n }\r\n if ((this.canvas as any).__originalSetViewportTransform) {\r\n this.canvas.setViewportTransform = (\r\n this.canvas as any\r\n ).__originalSetViewportTransform;\r\n delete (this.canvas as any).__originalSetViewportTransform;\r\n }\r\n delete (this.canvas as any).__overlayEditor;\r\n }\r\n}\r\n\r\n/**\r\n * Enter overlay text editing mode for a text object\r\n */\r\nexport function enterTextOverlayEdit(\r\n canvas: Canvas,\r\n target: FabricText | IText | Textbox,\r\n options?: {\r\n onCommit?: (text: string) => void;\r\n onCancel?: () => void;\r\n },\r\n): OverlayEditor {\r\n // If already in overlay editing, destroy existing editor first\r\n if ((target as any).__overlayEditor) {\r\n (target as any).__overlayEditor.destroy(false);\r\n }\r\n\r\n // Store original opacity so we can restore it later\r\n (target as any).__overlayOriginalOpacity = target.opacity;\r\n\r\n const editor = new OverlayEditor({\r\n canvas,\r\n target,\r\n onCommit: options?.onCommit,\r\n onCancel: options?.onCancel,\r\n });\r\n\r\n // We no longer change fill, so no need to store it\r\n\r\n // Store reference on target for cleanup\r\n (target as any).__overlayEditor = editor;\r\n\r\n return editor;\r\n}\r\n\r\n/**\r\n * Check if a text object is currently being edited with overlay editor\r\n */\r\nexport function isInOverlayEdit(target: FabricText | IText | Textbox): boolean {\r\n return !!(target as any).__overlayEditor?.isActive;\r\n}\r\n"],"names":["OverlayEditor","constructor","options","_defineProperty","onInput","handleInput","bind","onKeyDown","handleKeyDown","onBlur","handleBlur","onCompositionStart","handleCompositionStart","onCompositionEnd","handleCompositionEnd","onAfterRender","handleAfterRender","onMouseWheel","handleMouseWheel","onFocus","handleFocus","onMouseDown","handleMouseDown","canvas","target","onCommit","onCancel","lastText","text","container","getCanvasContainer","createOverlayDOM","attachEventListeners","refresh","focusTextarea","upperCanvas","upperCanvasEl","parentElement","Error","style","position","hostDiv","document","createElement","pointerEvents","zIndex","transformOrigin","textarea","left","top","margin","resize","hasArabicText","test","hasLatinText","isLTRDirection","direction","unicodeBidi","caretColor","border","padding","background","outline","overflow","whiteSpace","wordBreak","overflowWrap","userSelect","textTransform","opacity","value","appendChild","body","addEventListener","boundHandlers","on","setupViewportChangeDetection","removeEventListeners","removeEventListener","off","restoreViewportChangeDetection","updatePosition","applyOverlayStyle","updateObjectBounds","isDestroyed","zoom","getZoom","parseFloat","width","currentHeight","height","heightDiff","Math","abs","threshold","setCoords","dirty","requestRenderAll","requestAnimationFrame","console","log","letterSpacingPx","charSpacing","fontSize","firstStrongDir","rtlRegex","_target$fontSize","_target$fill","aCoords","canvasEl","canvasRect","getBoundingClientRect","scrollX","window","pageXOffset","scrollY","pageYOffset","vpt","viewportTransform","paddingX","scaleX","paddingY","scaleY","screenPoint","transformPoint","x","tl","y","objectBounds","getBoundingRect","round","angle","transform","baseFontSize","finalFontSize","fabricLineHeight","lineHeight","boxSizing","String","fontFamily","fontWeight","fontStyle","textAlign","color","fill","toString","letterSpacing","fontVariant","fontStretch","textRendering","fontKerning","fontFeatureSettings","fontVariationSettings","hyphens","webkitFontSmoothing","mozOsxFontSmoothing","debugBoundingBoxComparison","debugTextWrapping","textareaRect","hostRect","canvasBounds","screenObjectBounds","hostVsObject","leftDiff","topDiff","widthDiff","textareaVsObject","tolerance","hostAligned","textareaAligned","length","explicitLines","split","forEach","line","i","textareaStyles","getComputedStyle","wordWrap","fabricEffectiveWidth","textareaComputedWidth","textareaEffectiveWidth","toFixed","hasRTLText","hasBidiText","textareaScrollHeight","scrollHeight","textareaLineHeight","estimatedTextareaLines","selected","isEditing","set","hasControls","hasBorders","selectable","lockMovementX","lockMovementY","setActiveObject","focus","setSelectionRange","destroy","commit","arguments","undefined","__overlayEditor","__overlayOriginalOpacity","parentNode","removeChild","isComposing","finalText","setTimeout","cursor","setCursor","defaultCursor","autoResizeTextarea","scrollTop","oldHeight","buffer","newHeight","heightChanged","e","key","preventDefault","ctrlKey","metaKey","__originalSetZoom","setZoom","__originalSetViewportTransform","setViewportTransform","originalSetZoom","result","originalSetViewportTransform","enterTextOverlayEdit","editor"],"mappings":"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"}
@@ -222,6 +222,19 @@ export declare class Textbox<Props extends TOptions<TextboxProps> = Partial<Text
222
222
  _splitTextIntoLines(text: string): TextLinesInfo;
223
223
  getMinWidth(): number;
224
224
  _removeExtraneousStyles(): void;
225
+ /**
226
+ * Initialize event listeners for safety snap functionality
227
+ * @private
228
+ */
229
+ private initializeEventListeners;
230
+ /**
231
+ * Safety snap to prevent glyph clipping after manual resize.
232
+ * Similar to Polotno - checks if any glyphs are too close to edges
233
+ * and automatically expands width if needed.
234
+ * @private
235
+ * @param resizeOrigin - Which side was used for resizing ('left' or 'right')
236
+ */
237
+ private safetySnapWidth;
225
238
  /**
226
239
  * Returns object representation of an instance
227
240
  * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output
@@ -1 +1 @@
1
- {"version":3,"file":"Textbox.d.ts","sourceRoot":"","sources":["../../../src/shapes/Textbox.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Textbox.d.ts","sourceRoot":"","sources":["../../../src/shapes/Textbox.ts"],"names":[],"mappings":"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"}
@@ -68,6 +68,14 @@ export declare class OverlayEditor {
68
68
  */
69
69
  private firstStrongDir;
70
70
  private applyOverlayStyle;
71
+ /**
72
+ * Debug method to compare textarea and canvas object bounding boxes
73
+ */
74
+ private debugBoundingBoxComparison;
75
+ /**
76
+ * Debug method to compare text wrapping between textarea and Fabric text object
77
+ */
78
+ private debugTextWrapping;
71
79
  /**
72
80
  * Focus the textarea and position cursor at end
73
81
  */
@@ -1 +1 @@
1
- {"version":3,"file":"overlayEditor.d.ts","sourceRoot":"","sources":["../../../src/text/overlayEditor.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAKjD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAC,CAAyB;IAC1C,OAAO,CAAC,QAAQ,CAAC,CAAa;IAG9B,OAAO,CAAC,aAAa,CAUnB;gBAEU,OAAO,EAAE,oBAAoB;IAoBzC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAa1B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAmDxB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAwB5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAsB5B;;OAEG;IACH,OAAO,CAAC,cAAc;IAItB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAqB1B;;OAEG;IACH,OAAO,CAAC,eAAe;IAIvB;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IAoHzB;;OAEG;IACH,OAAO,CAAC,aAAa;IA0CrB;;OAEG;IACI,OAAO,IAAI,IAAI;IAMtB;;OAEG;IACI,OAAO,CAAC,MAAM,GAAE,OAAc,GAAG,IAAI;IAgD5C,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IA2BpC;;OAEG;IACH,OAAO,CAAC,8BAA8B;CAavC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,EACpC,OAAO,CAAC,EAAE;IACR,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GACA,aAAa,CAsBf;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAE7E"}
1
+ {"version":3,"file":"overlayEditor.d.ts","sourceRoot":"","sources":["../../../src/text/overlayEditor.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAKjD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAC,CAAyB;IAC1C,OAAO,CAAC,QAAQ,CAAC,CAAa;IAG9B,OAAO,CAAC,aAAa,CAUnB;gBAEU,OAAO,EAAE,oBAAoB;IAoBzC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAa1B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA0DxB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAwB5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAsB5B;;OAEG;IACH,OAAO,CAAC,cAAc;IAItB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAmC1B;;OAEG;IACH,OAAO,CAAC,eAAe;IAIvB;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IA8GzB;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAiGlC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA2GzB;;OAEG;IACH,OAAO,CAAC,aAAa;IAuCrB;;OAEG;IACI,OAAO,IAAI,IAAI;IAMtB;;OAEG;IACI,OAAO,CAAC,MAAM,GAAE,OAAc,GAAG,IAAI;IAgD5C,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,kBAAkB;IAqC1B,OAAO,CAAC,aAAa;IA2BrB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IA8BpC;;OAEG;IACH,OAAO,CAAC,8BAA8B;CAavC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,EACpC,OAAO,CAAC,EAAE;IACR,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GACA,aAAa,CAsBf;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAE7E"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@nasser-sw/fabric",
3
3
  "description": "Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.",
4
4
  "homepage": "http://fabricjs.com/",
5
- "version": "7.0.0-beta1",
5
+ "version": "7.0.1-beta1",
6
6
  "author": "Juriy Zaytsev <kangax@gmail.com>",
7
7
  "contributors": [
8
8
  {
@@ -108,6 +108,7 @@ export class Textbox<
108
108
  */
109
109
  constructor(text: string, options?: Props) {
110
110
  super(text, { ...Textbox.ownDefaults, ...options } as Props);
111
+ this.initializeEventListeners();
111
112
  }
112
113
 
113
114
  /**
@@ -649,6 +650,124 @@ export class Textbox<
649
650
  }
650
651
  }
651
652
 
653
+ /**
654
+ * Initialize event listeners for safety snap functionality
655
+ * @private
656
+ */
657
+ private initializeEventListeners(): void {
658
+ // Track which side is being used for resize to handle position compensation
659
+ let resizeOrigin: 'left' | 'right' | null = null;
660
+
661
+ // Detect resize origin during resizing
662
+ this.on('resizing', (e: any) => {
663
+ // Check transform origin to determine which side is being resized
664
+ if (e.transform) {
665
+ const { originX } = e.transform;
666
+ // originX tells us which side is the anchor - opposite side is being dragged
667
+ resizeOrigin = originX === 'right' ? 'left' : originX === 'left' ? 'right' : null;
668
+ } else if (e.originX) {
669
+ const { originX } = e;
670
+ resizeOrigin = originX === 'right' ? 'left' : originX === 'left' ? 'right' : null;
671
+ }
672
+ });
673
+
674
+ // Only trigger safety snap after resize is complete (not during)
675
+ // Use 'modified' event which fires after user releases the mouse
676
+ this.on('modified', () => {
677
+ const currentResizeOrigin = resizeOrigin; // Capture the value before reset
678
+ // Small delay to ensure text layout is updated
679
+ setTimeout(() => this.safetySnapWidth(currentResizeOrigin), 10);
680
+ resizeOrigin = null; // Reset after capturing
681
+ });
682
+
683
+ // Also listen to canvas-level modified event as backup
684
+ this.canvas?.on('object:modified', (e) => {
685
+ if (e.target === this) {
686
+ const currentResizeOrigin = resizeOrigin; // Capture the value before reset
687
+ setTimeout(() => this.safetySnapWidth(currentResizeOrigin), 10);
688
+ resizeOrigin = null; // Reset after capturing
689
+ }
690
+ });
691
+ }
692
+
693
+ /**
694
+ * Safety snap to prevent glyph clipping after manual resize.
695
+ * Similar to Polotno - checks if any glyphs are too close to edges
696
+ * and automatically expands width if needed.
697
+ * @private
698
+ * @param resizeOrigin - Which side was used for resizing ('left' or 'right')
699
+ */
700
+ private safetySnapWidth(resizeOrigin?: 'left' | 'right' | null): void {
701
+ // For Textbox objects, we always want to check for clipping regardless of isWrapping flag
702
+ if (!this._textLines || this.type.toLowerCase() !== 'textbox' || this._textLines.length === 0) {
703
+ return;
704
+ }
705
+
706
+ const lineCount = this._textLines.length;
707
+ if (lineCount === 0) return;
708
+
709
+ // Check all lines, not just the last one
710
+ let maxActualLineWidth = 0; // Actual measured width without buffers
711
+ let maxRequiredWidth = 0; // Width including RTL buffer
712
+
713
+ for (let i = 0; i < lineCount; i++) {
714
+ const lineText = this._textLines[i].join(''); // Convert grapheme array to string
715
+ const lineWidth = this.getLineWidth(i);
716
+ maxActualLineWidth = Math.max(maxActualLineWidth, lineWidth);
717
+
718
+ // RTL detection - regex for Arabic, Hebrew, and other RTL characters
719
+ const rtlRegex = /[\u0590-\u05FF\u0600-\u06FF\u0750-\u077F\uFB50-\uFDFF\uFE70-\uFEFF]/;
720
+ if (rtlRegex.test(lineText)) {
721
+ // Add minimal RTL compensation buffer - just enough to prevent clipping
722
+ const rtlBuffer = (this.fontSize || 16) * 0.15; // 15% of font size (much smaller)
723
+ maxRequiredWidth = Math.max(maxRequiredWidth, lineWidth + rtlBuffer);
724
+ } else {
725
+ maxRequiredWidth = Math.max(maxRequiredWidth, lineWidth);
726
+ }
727
+ }
728
+
729
+ // Safety margin - how close glyphs can get before we snap
730
+ const safetyThreshold = 2; // px - very subtle trigger
731
+
732
+ if (maxRequiredWidth > this.width - safetyThreshold) {
733
+ // Set width to exactly what's needed + minimal safety margin
734
+ const newWidth = maxRequiredWidth + 1; // Add just 1px safety margin
735
+
736
+ // Store original position before width change
737
+ const originalLeft = this.left;
738
+ const originalTop = this.top;
739
+ const widthIncrease = newWidth - this.width;
740
+
741
+ // Change width
742
+ this.set('width', newWidth);
743
+
744
+ // Force text layout recalculation
745
+ this.initDimensions();
746
+
747
+ // Only compensate position when resizing from left handle
748
+ // Right handle resize doesn't shift the text position
749
+ if (resizeOrigin === 'left') {
750
+ // When resizing from left, the expansion pushes text right
751
+ // Compensate by moving the textbox left by the width increase
752
+ this.set({
753
+ 'left': originalLeft - widthIncrease,
754
+ 'top': originalTop
755
+ });
756
+ }
757
+
758
+ this.setCoords();
759
+
760
+ // Also refresh the overlay editor if it exists
761
+ if ((this as any).__overlayEditor) {
762
+ setTimeout(() => {
763
+ (this as any).__overlayEditor.refresh();
764
+ }, 0);
765
+ }
766
+
767
+ this.canvas?.requestRenderAll();
768
+ }
769
+ }
770
+
652
771
  /**
653
772
  * Returns object representation of an instance
654
773
  * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output