Line-clamp for Image alt-text doesn't behave as expected on Safari

[clairep94]

Most appropriate sections of the p5.js website?

Tutorials

What is your operating system?

Mac OS

Web browser and version

Safari Version 16.6 (18615.3.12.11.2)

Actual Behavior

When on Safari, the ellipse stays present and the text box does not expand to contain the un-truncated text

Screen.Recording.2025-05-03.at.17.23.03.mov

This is due to Safari having some issues with Tailwind line-clamp (see issue described here)

Expected Behavior

The ellipses should disappear and the textbox should expand to contain the un-truncated text. The expected behaviour is present on Chrome

Steps to reproduce

• Open https://p5js.org/tutorials/ using Safari
• Turn on "Alt Text" in the "Accessibility" dropdown
• Hover over an image in the Tutorial Grid

Would you like to work on the issue?

Yes please

[clairep94]

@ksen0 tagging in case this got buried after the rate-limiting stuff last week! The associated PR to resolve this is what lead me to spot the rate-limiting issue originally haha

Also happy to close if this is not a priority, as it seems to only be an issue on Safari