@bebranded/bb-contents 1.0.86 → 1.0.88

package/bb-contents.js

@@ -1,7 +1,7 @@
 /**
  * BeBranded Contents
  * Contenus additionnels français pour Webflow
- * @version 1.0.86
+ * @version 1.0.88
  * @author BeBranded
  * @license MIT
  * @website https://www.bebranded.xyz
@@ -32,11 +32,11 @@
     window._bbContentsInitialized = true;
 
     // Log de démarrage simple (une seule fois)
-    console.log('bb-contents | v1.0.86');
+    console.log('bb-contents | v1.0.88');
 
     // Configuration
     const config = {
-        version: '1.0.86',
+        version: '1.0.88',
         debug: false, // Debug désactivé pour rendu propre
         prefix: 'bb-', // utilisé pour générer les sélecteurs (data-bb-*)
         youtubeEndpoint: null, // URL du worker YouTube (à définir par l'utilisateur)
@@ -289,9 +289,9 @@
                     mainContainer.style.cssText = `
                         position: relative;
                         width: 100%;
-                        height: ${isVertical ? (height === 'auto' ? 'auto' : height + 'px') : 'auto'};
-                        overflow: hidden;
-                        min-height: ${isVertical ? '100px' : '50px'};
+                        height: auto;
+                        overflow: visible;
+                        min-height: auto;
                         ${minHeight ? `min-height: ${minHeight};` : ''}
                     `;
 
@@ -395,6 +395,8 @@
                     // OPTIMISATION: Préserver les styles CSS existants (object-fit, etc.)
                     const originalObjectFit = img.style.objectFit || getComputedStyle(img).objectFit;
                     const originalObjectPosition = img.style.objectPosition || getComputedStyle(img).objectPosition;
+                    const originalWidth = img.style.width;
+                    const originalHeight = img.style.height;
                     
                     img.onload = () => {
                         // OPTIMISATION: Restaurer les styles CSS après chargement
@@ -404,6 +406,15 @@
                         if (originalObjectPosition && originalObjectPosition !== 'initial') {
                             img.style.objectPosition = originalObjectPosition;
                         }
+                        
+                        // OPTIMISATION: Préserver les dimensions naturelles des images
+                        if (!originalWidth || originalWidth === '') {
+                            img.style.width = 'auto';
+                        }
+                        if (!originalHeight || originalHeight === '') {
+                            img.style.height = 'auto';
+                        }
+                        
                         imagesLoaded++;
                     };
                     img.onerror = () => {
@@ -475,11 +486,11 @@
                     const step = (parseFloat(speed) * (isVertical ? 1.5 : 0.8)) / 60;
                     let isPaused = false;
                     
-                    // Ajuster la taille du conteneur
+                    // Ajuster la taille du conteneur - respecter les dimensions naturelles
                     if (isVertical && !useAutoHeight) {
-                        scrollContainer.style.height = totalSize + 'px';
+                        scrollContainer.style.height = 'auto';
                     } else if (!isVertical) {
-                        scrollContainer.style.width = totalSize + 'px';
+                        scrollContainer.style.width = 'auto';
                     }
 
                     // Position initiale optimisée pour Safari
@@ -558,11 +569,11 @@
                     currentPosition = 0;
                 }
 
-                // Ajuster la taille du conteneur
+                // Ajuster la taille du conteneur - respecter les dimensions naturelles
                 if (isVertical && !useAutoHeight) {
-                    scrollContainer.style.height = totalSize + 'px';
+                    scrollContainer.style.height = 'auto';
                 } else if (!isVertical) {
-                    scrollContainer.style.width = totalSize + 'px';
+                    scrollContainer.style.width = 'auto';
                 }
 
                 // Fonction d'animation standard

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bebranded/bb-contents",
-  "version": "1.0.86",
+  "version": "1.0.88",
   "description": "Contenus additionnels français pour Webflow",
   "main": "bb-contents.js",
   "scripts": {