Quiero mostrar la descripción de la publicación en 2 líneas con puntos suspensivos al final. De hecho, copié los estilos necesarios al inspeccionar los estilos CSS de YouTube. Los estilos de Youtube funcionan en todos los navegadores, como Safari y navegadores de dispositivos iOS.

y uso el estilo en línea en reaccionar js así:

 <span style={{ lineHeight: "2rem", fontWeight: "500", maxHeight: "4rem", overflow: "hidden", display: "-webkit-box", textOverflow: "ellipsis", whiteSpace: "normal", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", msTextOverflow: "ellipsis", }} > {description} </span>

El problema es que no está en el navegador macbook safari ni en ningún navegador de dispositivo iOS, pero son los mismos estilos css que tiene youtube.

¿Cómo puedo asegurarme de que estos estilos funcionen en navegadores y safari de dispositivos iOS? ¿Falta algo?