Text Fade
Keep truncation on an inner text block so the outer control retains its complete focus ring.
Example
טקסט מעורב בעברית و English 🚀
CJK 日本語 and emoji clusters 👩🏽💻🌱 with both edges
Guidance
Use the class on a constrained block or min-width: 0 flex item, never on the focusable outer button or link. CSS masks cannot detect overflow, so near-fitting text may enter the fade zone.
text-fade and text-fade-e fade logical inline-end, text-fade-s fades start, and text-fade-x fades both. Forced colors and print restore the ellipsis.