Depending on how this tool works under the hood, this problem might also exist outside of devtools

Thanks for filing the issue!

@Reporter: Could you please provide sample test file/URL that reproduces the issue which help in further triaging it.

Thanks!

https://jsfiddle.net/o5ugg7pq/

Thank you for providing more feedback. Adding the requester to the cc list.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

The truncation logic is here: https://cs.chromium.org/chromium/src/third_party/blink/renderer/devtools/front_end/platform/utilities.js?sq=package:chromium&l=180

It looks like our trimming logic is too simple.  We just truncate at the nearest whole codepoint.  The example in the JSFiddle uses '\u200d', the zero-width joiner to make a modifier sequence.

By spec [1], there are a lot of sequence types: modifier sequences, tag sequences, regional modifier sequences.  A full solution involves implementing checks for all of these + a way to detect support for Emojis on the display.

[1] https://www.unicode.org/reports/tr51/tr51-9.html

Fixing this is a lot of effort for a corner case.  Since there is an easy workaround (resizing), closing.