Bonjour à tous,

J'ai un petit souci de compatibilité que je ne parviens toujours pas à comprendre. 

Voilà j'ai un design qui fonctionne sur tout les navigateurs sauf sur Safari (Mac/Iphone).

Voici un exemple : 

Sur chrome ou autres :

Sur navigateur safari :

Auriez vous une idée du problème. Je pensais que safari ne prenait pas en charge webkit mais non !

Le snippet code me permettant de cacher la description de l'annonce sur 3 lignes comme sur la version chrome :

.lf-item-info>ul li {
	display:block;
	max-width: 100%;
	white-space: normal;
 	text-overflow: ellipsis; 
	overflow: hidden;
 	display: -webkit-box;
  	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

Est ce que vous avez une idée ? Ou avez vous déjà eux le même problème ?

Pourtant sur tous les autres navigateurs ça fonctionne correctement sauf sur Safari !

Merci d'avance pour votre aide !!