[csswg-drafts] [Proposal][css-overflow-5][css-2025] (#12199)

Luko248 has just created a new issue for https://github.com/w3c/csswg-drafts:

== [Proposal][css-overflow-5][css-2025] ==
I am a big fan of the evolution of CSS, especially how it is becoming a powerful language for visual logic on the web. I would like to suggest a feature that would allow CSS to detect when text is truncated (for example, when text-overflow: ellipsis causes visible ellipsis at the end of a line).
 
Currently, this is only possible with JavaScript, by comparing element sizes. My idea is that CSS could natively expose this state-perhaps through an extension of container scroll-state queries-so that styles or content could react to truncation without the need for JavaScript.
 
For example, if a container or element’s text is visually truncated, it would be helpful to have a CSS query or pseudo-class that detects this state, enabling us to display additional UI or hints for users.
 
You can see a demonstration of the use case here: [Codepen sample](https://codepen.io/luko248/pen/jOpaZOw)
 
Is such a feature (for example, a truncated state in scroll-state or container queries) being considered for future CSS specifications? I believe this would be a valuable addition for both usability and accessibility, and would further reduce the need for JavaScript in visual logic.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12199 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 15 May 2025 08:11:13 UTC