canvasframework 0.5.16 → 0.5.17

package/components/Button.js

@@ -185,27 +185,25 @@ class Button extends Component {
    */
   animateRipple() {
     const animate = () => {
-      let hasActiveRipples = false;
-      
       for (let ripple of this.ripples) {
-        if (ripple.radius < ripple.maxRadius) {
-          ripple.radius += ripple.maxRadius / 15;
-          hasActiveRipples = true;
-        }
-        
-        if (ripple.radius >= ripple.maxRadius * 0.5) {
-          ripple.opacity -= 0.05;
-        }
+        ripple.radius += ripple.maxRadius / 15;
+        ripple.opacity -= 0.05; // diminue progressivement
       }
-      
+
+      // Supprime les ripples complètement invisibles
       this.ripples = this.ripples.filter(r => r.opacity > 0);
-      
-	  
-      if (hasActiveRipples) {
+
+      // Redessine le bouton après mise à jour (important!)
+      if (this.framework && this.framework.redraw) {
+        this.framework.redraw();
+      }
+
+      // Tant qu'il reste des ripples visibles, continue l'animation
+      if (this.ripples.length > 0) {
         requestAnimationFrame(animate);
       }
     };
-    
+
     animate();
   }
 

package/core/CanvasFramework.js

@@ -206,6 +206,7 @@ class CanvasFramework {
 
         this.width = window.innerWidth;
         this.height = window.innerHeight;
+
         this.dpr = window.devicePixelRatio || 1;
 
         // ✅ OPTIMISATION OPTION 2: Configuration des optimisations
@@ -2384,29 +2385,39 @@ class CanvasFramework {
     }*/
 
     handleResize() {
-        if (this.resizeTimeout) clearTimeout(this.resizeTimeout);
+		if (this.resizeTimeout) clearTimeout(this.resizeTimeout);
 
-        this.resizeTimeout = setTimeout(() => {
-            this.width = window.innerWidth;
-            this.height = window.innerHeight;
-            this.setupCanvas();
+		this.resizeTimeout = setTimeout(() => {
+			const newWidth  = window.innerWidth;
+			const newHeight = window.innerHeight;
 
-            // Mettre à jour les dimensions dans le Worker
-            this.scrollWorker.postMessage({
-                type: 'UPDATE_DIMENSIONS',
-                payload: {
-                    height: this.height
-                }
-            });
+			// Règle clé : on resize UNIQUEMENT si la largeur a vraiment changé
+			// (rotation, split-screen, vraie fenêtre changée)
+			// À la fermeture du clavier → largeur = identique → on skip
+			if (Math.abs(newWidth - this.width) <= 8) {   // tolérance pixels (scrollbar, bordures...)
+				console.log("[resize] Largeur identique → probablement clavier (open/close) → ignoré");
+				return;
+			}
 
-            for (const comp of this.components) {
-                if (comp._resize) {
-                    comp._resize(this.width, this.height);
-                }
-            }
-            this.updateScrollWorkerComponents();
-        }, 150);
-    }
+			console.log("[resize] Largeur changée → vrai resize");
+
+			this.width  = newWidth;
+			this.height = newHeight;
+
+			this.setupCanvas();  // ← change canvas.width/height + DPR + style
+			this._maxScrollDirty = true;
+
+			if (this.scrollWorker) {
+				this.scrollWorker.postMessage({
+					type: 'UPDATE_DIMENSIONS',
+					payload: { height: this.height }
+				});
+			}
+
+			this.components.forEach(comp => comp.onResize?.(this.width, this.height));
+
+		}, 100);  // 80–120 ms
+	}
 
     /*handleResize() {
         if (this.resizeTimeout) clearTimeout(this.resizeTimeout); // ✅ AJOUTER

package/index.js

@@ -116,4 +116,4 @@ export { default as FeatureFlags } from './manager/FeatureFlags.js';
 
 // Version du framework
 
-export const VERSION = '0.5.13';
+export const VERSION = '0.5.17';

package/package.json

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