Skip to main content

TextEllipsis

  • Changelog

Use the TextEllipsis component to truncate text and show an ellipsis whenever there is insufficient space to render the entire text. While some of our Strato components provide ellipsis out of the box, you need to take care of this yourself when writing your own components.

OverviewPropertiesChangelog

Package @dynatrace/strato-components, latest version 3.15.1. Below are the changes to TextEllipsis. See Components changelog for all changes to the package.

1.16.0 Released Jan 22, 2026​

Updates​

  • The Intl.Segmenter will now be created only when needed and not on import. (APPDEV-15823)

1.8.1 Released Aug 7, 2025​

  • When truncationMode is set to start, punctuation characters are now rendered correctly at the start of the string. (APPDEV-14072)

1.7.0 Released Jun 3, 2025​

  • truncationMode="middle" now fully supports emoji characters. (APPDEV-13186)
  • TruncationMode is now available as a public type. (APPDEV-12065)

1.5.0 Released Apr 24, 2025​

  • When truncationMode is set to start, punctuation characters are now rendered correctly at the end of the string. (APPDEV-12900)

1.1.0 Released Feb 21, 2025​

  • Text with ellipsis with truncationMode="middle" can grow when resizing. (APPDEV-11597)

0.85.120 Released Feb 7, 2025​

  • Text now displays correctly in Firefox when the parent container has max-width: max-content. (APPDEV-12006)

0.85.100 Released Jan 13, 2025​

Typography​

  • CSS text ellipsis from a wrapping element is now correctly applied to the Link and ExternalLink component. (APPDEV-11491)

0.85.80 Released Dec 3, 2024​

  • Now onTextOverflow is also called when TextEllipsis is used inside another component that already handles text truncation.
Still have questions?
Find answers in the Dynatrace Community