@sequent-org/moodboard 1.2.35 → 1.2.37

package/package.json

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

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

@@ -48,11 +48,9 @@ export class PlacementTool extends BaseTool {
                     this.app.view.style.cursor = (cur === 'default') ? '' : cur;
                 }
                 
-                // Показываем призрак для текста, записки, эмоджи, фрейма или фигур, если они активны
+                // Показываем призрак для записки, эмоджи, фрейма или фигур, если они активны
                 if (this.pending && this.app && this.world) {
-                    if (this.pending.type === 'text') {
-                        this.showTextGhost();
-                    } else if (this.pending.type === 'note') {
+                    if (this.pending.type === 'note') {
                         this.showNoteGhost();
                     } else if (this.pending.type === 'emoji') {
                         this.showEmojiGhost();
@@ -154,9 +152,7 @@ export class PlacementTool extends BaseTool {
         } else if (this.selectedImage) {
             this.showImageGhost();
         } else if (this.pending) {
-            if (this.pending.type === 'text') {
-                this.showTextGhost();
-            } else if (this.pending.type === 'note') {
+            if (this.pending.type === 'note') {
                 this.showNoteGhost();
             } else if (this.pending.type === 'emoji') {
                 this.showEmojiGhost();
@@ -256,14 +252,10 @@ export class PlacementTool extends BaseTool {
         };
 
         if (isTextWithEditing) {
-            // Для текста используем те же размеры, что и у "призрака",
-            // чтобы позиция совпадала пиксель-в-пиксель
-            const fontSize = props.fontSize || 18;
-            const ghostWidth = 120;
-            const ghostHeight = fontSize + 20;
+            // Для текста позиция должна совпадать с точкой клика без смещений
             position = {
-                x: Math.round(worldPoint.x - ghostWidth / 2),
-                y: Math.round(worldPoint.y - ghostHeight / 2)
+                x: Math.round(worldPoint.x),
+                y: Math.round(worldPoint.y)
             };
             // Слушаем событие создания объекта, чтобы получить его ID
             const handleObjectCreated = (objectData) => {

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

@@ -1990,8 +1990,22 @@ export class SelectTool extends BaseTool {
             ];
         } else {
             // Для обычного текста используем стандартное позиционирование
-            wrapper.style.left = `${screenPos.x}px`;
-            wrapper.style.top = `${screenPos.y}px`;
+            // Динамически компенсируем внутренние отступы textarea, чтобы каретка оказалась ровно в точке клика
+            let padTop = 0;
+            let padLeft = 0;
+            try {
+                if (typeof window !== 'undefined' && window.getComputedStyle) {
+                    const cs = window.getComputedStyle(textarea);
+                    const pt = parseFloat(cs.paddingTop);
+                    const pl = parseFloat(cs.paddingLeft);
+                    if (isFinite(pt)) padTop = pt;
+                    if (isFinite(pl)) padLeft = pl;
+                }
+            } 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);
+            wrapper.style.left = `${leftPx}px`;
+            wrapper.style.top = `${topPx}px`;
         }
         // Минимальные границы (зависят от текущего режима: новый объект или редактирование существующего)
         const worldLayerRef = this.textEditor.world || (this.app?.stage);