@sequent-org/moodboard 1.2.90 → 1.2.92

package/package.json

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

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

@@ -2037,6 +2037,12 @@ export class SelectTool extends BaseTool {
             const correctedBaseLeftPx = baseLeftPx / zoomFactor;
             const correctedBaseTopPx = baseTopPx / zoomFactor;
             
+            console.log('🔍 Browser zoom detection:', { 
+                zoomFactor, 
+                basePos: { left: baseLeftPx, top: baseTopPx },
+                correctedPos: { left: correctedBaseLeftPx, top: correctedBaseTopPx }
+            });
+            
             const leftPx = Math.round(correctedBaseLeftPx - padLeft);
             const topPx = create
                 ? Math.round(correctedBaseTopPx - padTop - (lineHeightPx / 2)) // по клику совмещаем центр строки с точкой клика
@@ -2814,14 +2820,72 @@ export class SelectTool extends BaseTool {
      * Получение коэффициента масштабирования браузера
      */
     _getBrowserZoomFactor() {
-        // Определяем масштаб браузера разными способами
-        const outerInnerRatio = window.outerWidth / window.innerWidth;
-        const devicePixelRatio = window.devicePixelRatio || 1;
+        // Множественные методы определения масштаба браузера для надежности
+        let zoomFactors = [];
         
-        // Используемый подход: соотношение размеров окна браузера
-        const zoomFactor = outerInnerRatio;
+        try {
+            // Метод 1: Через window размеры
+            const outerInnerRatio = window.outerWidth / window.innerWidth;
+            if (isFinite(outerInnerRatio) && outerInnerRatio > 0.1 && outerInnerRatio < 10) {
+                zoomFactors.push({ method: 'outerInner', value: outerInnerRatio });
+            }
+        } catch (_) {}
+        
+        try {
+            // Метод 2: Через visualViewport если доступно
+            if (window.visualViewport) {
+                const vpZoom = window.innerWidth / window.visualViewport.width;
+                if (isFinite(vpZoom) && vpZoom > 0.1 && vpZoom < 10) {
+                    zoomFactors.push({ method: 'visualViewport', value: vpZoom });
+                }
+            }
+        } catch (_) {}
+        
+        try {
+            // Метод 3: Через тестовый элемент (проверяем разные единицы)
+            const testEl = document.createElement('div');
+            testEl.style.position = 'absolute';
+            testEl.style.left = '-9999px';
+            testEl.style.top = '-9999px';
+            testEl.style.width = '100px';
+            testEl.style.height = '100px';
+            testEl.style.visibility = 'hidden';
+            testEl.style.pointerEvents = 'none';
+            
+            document.body.appendChild(testEl);
+            
+            const rect = testEl.getBoundingClientRect();
+            const elemZoom = 100 / rect.width;
+            
+            document.body.removeChild(testEl);
+            
+            if (isFinite(elemZoom) && elemZoom > 0.1 && elemZoom < 10) {
+                zoomFactors.push({ method: 'testElement', value: elemZoom });
+            }
+        } catch (_) {}
+        
+        // Логирование всех методов для диагностики
+        console.log('🔍 Zoom detection methods:', zoomFactors);
+        
+        // Выбираем наиболее подходящий результат
+        if (zoomFactors.length === 0) {
+            return 1.0; // Fallback
+        }
+        
+        // Если есть visualViewport, предпочитаем его
+        const vpMethod = zoomFactors.find(f => f.method === 'visualViewport');
+        if (vpMethod) {
+            return vpMethod.value;
+        }
+        
+        // Иначе берем outerInner как наиболее стабильный
+        const outerMethod = zoomFactors.find(f => f.method === 'outerInner');
+        if (outerMethod) {
+            return outerMethod.value;
+        }
         
-        return Math.max(0.1, Math.min(5, zoomFactor)); // Ограничиваем разумными пределами
+        // Последний fallback - первый доступный метод
+        return zoomFactors[0].value;
     }
 
 }

package/src/ui/HtmlTextLayer.js

@@ -376,14 +376,69 @@ export class HtmlTextLayer {
      * Получение коэффициента масштабирования браузера
      */
     _getBrowserZoomFactor() {
-        // Определяем масштаб браузера разными способами
-        const outerInnerRatio = window.outerWidth / window.innerWidth;
-        const devicePixelRatio = window.devicePixelRatio || 1;
+        // Множественные методы определения масштаба браузера для надежности
+        let zoomFactors = [];
         
-        // Используемый подход: соотношение размеров окна браузера
-        const zoomFactor = outerInnerRatio;
+        try {
+            // Метод 1: Через window размеры
+            const outerInnerRatio = window.outerWidth / window.innerWidth;
+            if (isFinite(outerInnerRatio) && outerInnerRatio > 0.1 && outerInnerRatio < 10) {
+                zoomFactors.push({ method: 'outerInner', value: outerInnerRatio });
+            }
+        } catch (_) {}
+        
+        try {
+            // Метод 2: Через visualViewport если доступно
+            if (window.visualViewport) {
+                const vpZoom = window.innerWidth / window.visualViewport.width;
+                if (isFinite(vpZoom) && vpZoom > 0.1 && vpZoom < 10) {
+                    zoomFactors.push({ method: 'visualViewport', value: vpZoom });
+                }
+            }
+        } catch (_) {}
+        
+        try {
+            // Метод 3: Через тестовый элемент (проверяем разные единицы)
+            const testEl = document.createElement('div');
+            testEl.style.position = 'absolute';
+            testEl.style.left = '-9999px';
+            testEl.style.top = '-9999px';
+            testEl.style.width = '100px';
+            testEl.style.height = '100px';
+            testEl.style.visibility = 'hidden';
+            testEl.style.pointerEvents = 'none';
+            
+            document.body.appendChild(testEl);
+            
+            const rect = testEl.getBoundingClientRect();
+            const elemZoom = 100 / rect.width;
+            
+            document.body.removeChild(testEl);
+            
+            if (isFinite(elemZoom) && elemZoom > 0.1 && elemZoom < 10) {
+                zoomFactors.push({ method: 'testElement', value: elemZoom });
+            }
+        } catch (_) {}
+        
+        // Выбираем наиболее подходящий результат
+        if (zoomFactors.length === 0) {
+            return 1.0; // Fallback
+        }
+        
+        // Если есть visualViewport, предпочитаем его
+        const vpMethod = zoomFactors.find(f => f.method === 'visualViewport');
+        if (vpMethod) {
+            return vpMethod.value;
+        }
+        
+        // Иначе берем outerInner как наиболее стабильный
+        const outerMethod = zoomFactors.find(f => f.method === 'outerInner');
+        if (outerMethod) {
+            return outerMethod.value;
+        }
         
-        return Math.max(0.1, Math.min(5, zoomFactor)); // Ограничиваем разумными пределами
+        // Последний fallback - первый доступный метод
+        return zoomFactors[0].value;
     }
 }