@sequent-org/moodboard 1.2.38 → 1.2.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sequent-org/moodboard",
-  "version": "1.2.38",
+  "version": "1.2.40",
   "type": "module",
   "description": "Interactive moodboard",
   "main": "./src/index.js",

package/src/tools/object-tools/SelectTool.js

@@ -1993,17 +1993,26 @@ export class SelectTool extends BaseTool {
             // Динамически компенсируем внутренние отступы textarea, чтобы каретка оказалась ровно в точке клика
             let padTop = 0;
             let padLeft = 0;
+            let lineHeightPx = 0;
             try {
                 if (typeof window !== 'undefined' && window.getComputedStyle) {
                     const cs = window.getComputedStyle(textarea);
                     const pt = parseFloat(cs.paddingTop);
                     const pl = parseFloat(cs.paddingLeft);
+                    const lh = parseFloat(cs.lineHeight);
                     if (isFinite(pt)) padTop = pt;
                     if (isFinite(pl)) padLeft = pl;
+                    if (isFinite(lh)) lineHeightPx = lh;
                 }
             } catch (_) {}
+            if (!isFinite(lineHeightPx) || lineHeightPx <= 0) {
+                try {
+                    const r = textarea.getBoundingClientRect && textarea.getBoundingClientRect();
+                    if (r && isFinite(r.height)) lineHeightPx = r.height;
+                } catch (_) {}
+            }
             const leftPx = create ? Math.round(screenPos.x - padLeft) : Math.round(screenPos.x);
-            const topPx = create ? Math.round(screenPos.y - padTop) : Math.round(screenPos.y);
+            const topPx = create ? Math.round(screenPos.y - padTop - (lineHeightPx / 2)) : Math.round(screenPos.y);
             wrapper.style.left = `${leftPx}px`;
             wrapper.style.top = `${topPx}px`;
             // Диагностика: логируем позицию инпута и вычисленные параметры позиционирования
@@ -2012,9 +2021,29 @@ export class SelectTool extends BaseTool {
                     input: { left: leftPx, top: topPx },
                     screenPos,
                     padding: { top: padTop, left: padLeft },
+                    lineHeightPx,
+                    caretCenterY: create ? (topPx + padTop + (lineHeightPx / 2)) : topPx,
                     create
                 });
             } catch (_) {}
+
+            // Для новых текстов: синхронизируем мировую позицию объекта с фактической позицией wrapper,
+            // чтобы после закрытия редактора статичный текст встал ровно туда же без сдвига
+            try {
+                if (create && objectId) {
+                    const worldLayerRef = this.textEditor.world || (this.app?.stage);
+                    const viewRes = (this.app?.renderer?.resolution) || (view.width && view.clientWidth ? (view.width / view.clientWidth) : 1);
+                    const globalPoint = new PIXI.Point(Math.round(leftPx * viewRes), Math.round(topPx * viewRes));
+                    const worldPoint = worldLayerRef && worldLayerRef.toLocal ? worldLayerRef.toLocal(globalPoint) : { x: position.x, y: position.y };
+                    const newWorldPos = { x: Math.round(worldPoint.x), y: Math.round(worldPoint.y) };
+                    this.eventBus.emit(Events.Object.StateChanged, {
+                        objectId: objectId,
+                        updates: { position: newWorldPos }
+                    });
+                    // Диагностика
+                    console.log('🧭 Text position sync', { objectId, newWorldPos, leftPx, topPx, viewRes });
+                }
+            } catch (_) {}
         }
         // Минимальные границы (зависят от текущего режима: новый объект или редактирование существующего)
         const worldLayerRef = this.textEditor.world || (this.app?.stage);