processing
Line-clamp for Image alt-text doesn't behave as expected on Safari
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
https://github.com/user-attachments/assets/731edf2b-8f56-4454-b6b8-120aef82af72
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
@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