[BUG] Help text on Static Text indicates max of 3 characters/emojis but only seems to display first emoji followed by a ? symbol

[jenxyz]

Describe the bug
The Help text for the 'Static Text' field on an Indicator Item displays '... Displays the first 3 characters / emojis'
In an Indicator Item Extension, if I enter 2 emojis in the Static Text field, the first one displays on the record page but any subsequent ones are replaced with an icon of a diamond with a question mark inside it.

To Reproduce
Steps to reproduce the behavior:

1. In Setup go to Custom Metadata Types
2. Next to 'Indicator Item Extension' click 'Manage Records'
3. Select a record and Edit it
4. Enter '🥲😍' as the Static Text
5. Save it
6. View a record that should display the Indicator.
7. It only shows the first icon then a diamond icon with a question mark in the middle

Expected behavior
I should see the same icons that were entered as Static Text

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 11 Home
• Browser chrome
• Version 125.0.6422.60 (Official Build) (64-bit)

[JodieM]

Good to look at #166 with this one too. I think we introduced this when we did #144. Also see #175 where we will need to show the full field text.

[JodieM]

Check if a space between emojis works

[jenxyz]

Hi Jodie, hope you are doing well and thanks for looking into this!

Interestingly, adding a space doesn't appear to make a difference:

1. Using the same 2 emojis as I used on the bug report, I do now see both emojis but one underneath the other :
   

2. Using 2 different emojis they appear correctly (with or without the space):
   

[tschug]

I'm wondering if this is a Chrome / SLDS issue.

It's a similar bug to this one (which indicates that it has to do with wrapping emojis).

I was able to reproduce the error (even with 2 different emojis), but when I removed our forced "3-characters" limit it was no longer an issue, but it did the wrap that was shown above, which could also imply something to do with width. Which makes me think maybe it's a combo of issues.

Not sure how we should resolve, as I think we want to keep the 3-character limit.

Perhaps we have to allow the 3-character limit to be disabled.