@sequent-org/moodboard 1.2.97 → 1.2.98

package/package.json

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

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

@@ -2688,31 +2688,21 @@ export class SelectTool extends BaseTool {
                     try {
                         const view = this.app?.view;
                         const worldLayerRef = this.textEditor.world || (this.app?.stage);
+                        const viewRes = (this.app?.renderer?.resolution) || (view && view.width && view.clientWidth ? (view.width / view.clientWidth) : 1);
                         const cssLeft = this.textEditor._cssLeftPx;
                         const cssTop = this.textEditor._cssTopPx;
-                        if (isFinite(cssLeft) && isFinite(cssTop) && worldLayerRef && view && view.parentElement) {
+                        if (isFinite(cssLeft) && isFinite(cssTop) && worldLayerRef) {
                             // Ждем один тик, чтобы HtmlTextLayer успел обновить DOM
                             setTimeout(() => {
                                 try {
-                                    // Используем тот же подход что в toScreen, но в обратном направлении
-                                    const containerRect = view.parentElement.getBoundingClientRect();
-                                    const viewRect = view.getBoundingClientRect();
-                                    const offsetLeft = viewRect.left - containerRect.left;
-                                    const offsetTop = viewRect.top - containerRect.top;
-                                    
-                                    // Преобразуем CSS координаты в экранные (учитывая offset)
-                                    const screenX = cssLeft - offsetLeft;
-                                    const screenY = cssTop - offsetTop;
-                                    
-                                    // Преобразуем экранные координаты в мировые
-                                    const desiredWorld = worldLayerRef.toLocal(new PIXI.Point(screenX, screenY));
+                                    const desiredGlobal = new PIXI.Point(Math.round(cssLeft * viewRes), Math.round(cssTop * viewRes));
+                                    const desiredWorld = worldLayerRef.toLocal(desiredGlobal);
                                     const newPos = { x: Math.round(desiredWorld.x), y: Math.round(desiredWorld.y) };
-                                    
                                     this.eventBus.emit(Events.Object.StateChanged, {
                                         objectId,
                                         updates: { position: newPos }
                                     });
-                                    console.log('🧭 Text post-show align', { objectId, cssLeft, cssTop, screenX, screenY, newPos });
+                                    console.log('🧭 Text post-show align', { objectId, cssLeft, cssTop, newPos });
                                 } catch (_) {}
                             }, 0);
                         }

package/src/ui/HtmlTextLayer.js

@@ -1,4 +1,5 @@
 import { Events } from '../core/events/Events.js';
+import * as PIXI from 'pixi.js';
 
 /**
  * HtmlTextLayer — рисует текст как HTML-элементы поверх PIXI для максимальной чёткости