@bebranded/bb-contents 1.0.110 → 1.0.111
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bb-contents.js +13 -6
- package/package.json +1 -1
package/bb-contents.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* BeBranded Contents
|
|
3
3
|
* Contenus additionnels français pour Webflow
|
|
4
|
-
* @version 1.0.
|
|
4
|
+
* @version 1.0.111
|
|
5
5
|
* @author BeBranded
|
|
6
6
|
* @license MIT
|
|
7
7
|
* @website https://www.bebranded.xyz
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
window._bbContentsInitialized = true;
|
|
33
33
|
|
|
34
34
|
// Log de démarrage simple (une seule fois)
|
|
35
|
-
console.log('bb-contents | v1.0.
|
|
35
|
+
console.log('bb-contents | v1.0.111');
|
|
36
36
|
|
|
37
37
|
// Configuration
|
|
38
38
|
const config = {
|
|
39
|
-
version: '1.0.
|
|
39
|
+
version: '1.0.111',
|
|
40
40
|
debug: false, // Debug désactivé pour rendu propre
|
|
41
41
|
prefix: 'bb-', // utilisé pour générer les sélecteurs (data-bb-*)
|
|
42
42
|
youtubeEndpoint: null, // URL du worker YouTube (à définir par l'utilisateur)
|
|
@@ -480,11 +480,16 @@
|
|
|
480
480
|
|
|
481
481
|
// SOLUTION MOBILE SAFARI : Pour les SVG sur mobile, éviter object-fit qui cause du flou
|
|
482
482
|
if (isSVG && isMobile) {
|
|
483
|
-
// Sur mobile,
|
|
484
|
-
|
|
485
|
-
img.style.objectFit = 'none';
|
|
483
|
+
// Sur mobile, utiliser contain pour éviter le débordement, mais avec optimisations anti-flou
|
|
484
|
+
img.style.objectFit = 'contain';
|
|
486
485
|
img.style.objectPosition = 'center';
|
|
487
486
|
|
|
487
|
+
// Ajouter des contraintes pour empêcher le débordement
|
|
488
|
+
img.style.maxWidth = '100%';
|
|
489
|
+
img.style.maxHeight = '100%';
|
|
490
|
+
img.style.width = '100%';
|
|
491
|
+
img.style.height = '100%';
|
|
492
|
+
|
|
488
493
|
// Forcer le GPU rendering
|
|
489
494
|
img.style.webkitTransform = 'translate3d(0, 0, 0)';
|
|
490
495
|
img.style.transform = 'translate3d(0, 0, 0)';
|
|
@@ -493,11 +498,13 @@
|
|
|
493
498
|
img.style.imageRendering = 'crisp-edges';
|
|
494
499
|
|
|
495
500
|
// S'assurer que le conteneur parent permet au SVG de s'afficher correctement
|
|
501
|
+
// et empêche le débordement avec overflow hidden
|
|
496
502
|
const parent = img.parentElement;
|
|
497
503
|
if (parent) {
|
|
498
504
|
parent.style.display = 'flex';
|
|
499
505
|
parent.style.alignItems = 'center';
|
|
500
506
|
parent.style.justifyContent = 'center';
|
|
507
|
+
parent.style.overflow = 'hidden'; // Empêcher le débordement
|
|
501
508
|
}
|
|
502
509
|
} else {
|
|
503
510
|
// Pour les images non-SVG ou sur desktop, appliquer les styles normaux
|