The warning ⚠️ emoji messes up TextBox characters (Figtree font)

[wbokkers]

Describe the bug

When entering a warning (⚠️) emoji from the emoji panel in a TextBox that uses the Figtree font , the next characters entered are messed up:

Why is this important?

The user wants to enter an emoji and than type other text following it. The user should expect the text he types to appear after the emoji.

Steps to reproduce the bug

1. Show a TextBox with the Figtree font.
2. Enter the warning emoji using the Emoji panel of Windows (⚠️)
3. Enter other characters following this emoji.

Actual behavior

Expected behavior

The right characters should appear.

Screenshots

No response

NuGet package version

WinUI 3 - Windows App SDK 1.8.0: 1.8.250907003

Windows version

Windows 11 (24H2): Build 26100

Additional context

No response

[snigdha011997]

Hi @wbokkers , I was not able repro the issue, here is the sample: ` `

[wbokkers]

@snigdha011997 That's weird, since I and our users can reproduce this issue everytime when using the figtree font.

I tried setting the FontFamily the way you do (for an installed font), by also by referencing a font asset or by setting it as the default font in the theme:

<FontFamily x:Key="ContentControlThemeFontFamily">/Assets/Figtree-VariableFont_wght.ttf#Figtree</FontFamily>
<FontFamily x:Key="MTCMediaFontFamily">/Assets/Figtree-VariableFont_wght.ttf#Figtree</FontFamily>
<FontFamily x:Key="PhoneFontFamilyNormal">/Assets/Figtree-VariableFont_wght.ttf#Figtree</FontFamily>
<FontFamily x:Key="PhoneFontFamilySemiLight">/Assets/Figtree-VariableFont_wght.ttf#Figtree</FontFamily>
<FontFamily x:Key="PivotHeaderItemFontFamily">/Assets/Figtree-VariableFont_wght.ttf#Figtree</FontFamily>
<FontFamily x:Key="PivotTitleFontFamily">/Assets/Figtree-VariableFont_wght.ttf#Figtree</FontFamily>
<FontFamily x:Key="KeyTipFontFamily">/Assets/Figtree-VariableFont_wght.ttf#Figtree</FontFamily>

Did you install the variable Figtree font or a static one?

[wbokkers]

I can reproduce this using this XAML. (with the Figtree-VariableFont_wght.ttf installed) I also tried your XAML, but I still see garbage characters.

Maybe it is due to my Windows version:

[snigdha011997]

Hi @wbokkers , can you add a minimal repro app for investigation?

[wbokkers]

@snigdha011997

Here is a minimal repro:

figtree-font-emoji-issue.zip

I am using this installed font:

Figtree-VariableFont_wght.zip

It is important to have this font installed on your system, otherwise it can't be reproduced.