question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Star emoji ⭐ not rendered correctly

See original GitHub issue

Describe the bug

The star emoji ⭐ (“White Medium Star”, U+2B50). Does not get rendered correctly (see screenshot below). It is missing the yellow color and is a lot smaller than other emojis.

All other emoji that I tried work as expected.

Steps to reproduce the bug

<Button>&#x2B50;</Button>

You can also see this bug when you copy a star emoji (or use the emoji picker) into the search field in the “WinUI 3 Controls Gallery”. However, this issue is not specific to the sample app and reproduces for me in all places that I tried.

Expected behavior

The yellow Microsoft style star emoji should be rendered. https://emojipedia.org/star/

Screenshots

image

NuGet package version

WinUI 3 - Windows App SDK 1.0 (If you’re seeing your issue in older previews of WinUI 3, please try this release)

Windows app type

  • UWP
  • Win32

Device form factor

Desktop

Windows version

Windows 11 21H2 (22000.526)

Additional context

Please let me know if any more information on this issue would be helpful to solve this issue.

As the star is quite old (Unicode 5.1) I tried some other emoji from that generation and even older ones, but I was not able to find any other emoji that have the same issue.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
castorixcommented, Feb 15, 2022

Yes, weird When no font is specified, it uses “Segoe UI” and both should be colored, according to : https://www.fileformat.info/info/unicode/char/2b50/index.htm https://www.fileformat.info/info/unicode/char/263a/index.htm

0reactions
mqudsicommented, Mar 10, 2022

This is by-design from Unicode. In general the correct solution isn’t to force the font, you need to use the variation selector codepoint to force the colored emoji to show.

(So you put the star emoji and the next character (before the space or anything) should be U+FE0F)

Read more comments on GitHub >

github_iconTop Results From Across the Web

🌟 Star Symbols to Copy and Paste ✵ ✰ ✷ ✭ ✧ ✸ ✡ ✮ ❂
Star Emojis. ⭐. Not content with monochrome stars, the unicode consortium ... Warning — Pentagrams don't render correctly on all devices.
Read more >
Why are the "emoji" Unicode symbols not well-contained ...
As for why you see them in color, it is basically past pictograms renders as color in your OS if that OS supports...
Read more >
Emojis
Markup Constant 🧮 :abacus: Abacus 🆎 :ab_button_blood_type: AbButtonBloodType 🅰 :a_button_blood_type: AButtonBloodType
Read more >
Using only star emoji as an answer option creates weird bug
We noticed in a meeting today that using star emojis as response options results in a weird bug, where responses are not evaluated...
Read more >
Remove ✅, 🔥, ✈ , ♛ and other such emojis/images/signs ...
The problem is that EmojiParser is not able to remove the majority of the signs. The ♢ sign is the only one I...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found