canvasframework 0.5.33 → 0.5.34

package/components/Card.js

@@ -260,7 +260,7 @@ add(child) {
         this.drawShadow(ctx);
     }
     
-    // Dessiner le fond de la carte (en position absolue)
+    // Dessiner le fond de la carte
     if (this.bgColor !== 'transparent') {
         ctx.fillStyle = this.bgColor;
         if (this.borderRadius > 0) {
@@ -272,16 +272,41 @@ add(child) {
         }
     }
     
-    // 🔴 DESSINER LES ENFANTS AVEC TRANSLATE (coordonnées relatives)
-    ctx.save();
-    ctx.translate(this.x, this.y);
+    // 🔴 DESSINER avec translate POUR LE WEB, sans translate POUR CAPACITOR
+    const isCapacitor = typeof window !== 'undefined' && window.Capacitor;
     
-    for (let child of this.children) {
-        if (child.visible) child.draw(ctx);
+    if (isCapacitor) {
+        // Capacitor : positions absolues directes
+        for (let child of this.children) {
+            if (child.visible) {
+                // Sauvegarder position relative
+                const relX = child.x;
+                const relY = child.y;
+                
+                // Convertir temporairement en absolu pour le dessin
+                child.x = this.x + relX;
+                child.y = this.y + relY;
+                
+                child.draw(ctx);
+                
+                // Restaurer position relative
+                child.x = relX;
+                child.y = relY;
+            }
+        }
+    } else {
+        // Web : translate
+        ctx.save();
+        ctx.translate(this.x, this.y);
+        
+        for (let child of this.children) {
+            if (child.visible) child.draw(ctx);
+        }
+        
+        ctx.restore();
     }
     
     ctx.restore();
-    ctx.restore();
 }
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvasframework",
-  "version": "0.5.33",
+  "version": "0.5.34",
   "repository": {
     "type": "git",
     "url": "https://github.com/beyons/CanvasFramework.git"