Emojis not displaying in requests and responses

[Bhavesh-More]

Describe the bug/problem

Emojis aren't rendering properly - they just show up as blank spaces. This is happening in both the request editor and response viewer, which makes it pretty tough to work with APIs that use emojis ( especially AI APIs ).

Why this matters:

• AI APIs (ChatGPT, Claude, Gemini) constantly use emojis in responses.
• Social media APIs (Twitter, Discord, Slack) handle emoji content.
• major API clients (Postman) handle this correctly.

Steps to Reproduce the bug/problem

Test Case 1: Request Body

1. Create any new request (POST, GET, etc.)
2. Set your URL
3. Go to any tab - params, body, headers, whatever
4. Type some text with emojis in it
5. What happens: The emojis just show up as blank spaces

Test Case 2: Response Display

1. Send a request to any API that returns emojis
2. Check the response (either preview or JSON view)
3. Observed: Emojis in the response show as blank spaces

Video

Emoji.Issue.Recording.mp4

Expected behavior

• Emojis should render as actual emoji characters (⭐ 👍 🫡) in both request body and response.

Device Info (The device where you encountered this issue)

• OS: Windows
• Version: Windows 11

Flutter Doctor

Please run the flutter doctor -v command and provide the details below:

[Bhavesh-More]

Hi @animator, may I work on this issue?

[animator]

Working in macOS. Issue in Windows need to be verified by others as well.

[animator]

@Bhavesh-More you can propose your fix here.

[Bhavesh-More]

Thanks for the clarification. I verified this on Windows and proposed a small fix in typography.dart by setting platform specific emoji font fallbacks. On Windows it uses Segoe UI Emoji, on macOS Apple Color Emoji, and Noto Color Emoji for other platforms. Please let me know if this approach looks good.

[animator]

@Bhavesh-More Noto Color Emoji is already added here -https://github.com/foss42/apidash/blob/main/packages/apidash_design_system/google_fonts/NotoColorEmoji-Regular.ttf

pubspec asset - https://github.com/foss42/apidash/blob/main/packages/apidash_design_system/pubspec.yaml

It is also added as a fallback, you need to first investigate why it is not loading as a fallback on Windows and fix it.

[Bhavesh-More]

Got it, I will start working on it and will update here with my findings. Thanks for the suggestion.

[Bhavesh-More]

I investigated and found that although NotoColorEmoji-Regular.ttf is included as an asset, it isn’t registered under flutter.fonts. On Windows, Flutter does not resolve asset fonts as fontFamilyFallback unless they are explicitly registered. Currently, ps://github.com/foss42/apidash/blob/main/packages/apidash_design_system/pubspec.yaml does not contain a fonts section.

Please let me know if registering the font family under fonts is the preferred approach here.

[animator]

We are using google_fonts package. Its documentation doesn't talk about explicit font registration.