Skip to content

[6.x] Fix middle ellipsis for unknown font families - #15904

Open
daun wants to merge 1 commit into
statamic:6.xfrom
daun:fix/middle-ellipsis-fallback-font-family
Open

daun wants to merge 1 commit into
statamic:6.xfrom
daun:fix/middle-ellipsis-fallback-font-family

Conversation

@daun

@daun daun commented Nov 14, 2026

Copy link
Copy Markdown
Contributor

Issue

The MiddleEllipsis component is tied to using the Inter font for reliable measurements. When using another font (system-ui, Arial, etc), it falls back to an empty character map and full width for each letter, resulting in too much of the text being truncated.

Solution

Specifically define Inter as fallback font. This still leads to slight undermeasurement when using the system font, but doing it independently of the font used is a larger rewrite since the main idea behind the current implementation is avoiding DOM work.

Before

Screenshot 2026-11-14 at 10 36 47

After

Screenshot 2026-11-14 at 10 37 58

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant