Unicode symbols rendering inconsistency

Vega Open Beta Bug Reports
1

Unicode symbols rendering inconsistency between platforms

1. Summary

Unicode symbols are displayed inconsistently. Some of them have different shape or size.

Bug Severity
Select one that applies

  • Impacts operation of app
  • Blocks current development
  • Improvement suggestion
  • Issue with documentation (If selected, please share the doc link and describe the issue)
  • Other

2. Steps to Reproduce

  1. Render a unicode symbol
  2. Compare it to Android TV device

3. Observed Behavior

The symbols are displayed differently. Theirs dimensions and positions differ from the same symbols on Android TV (checked on android tv emulator). It Creates inconsistency in UI between the platforms

UncodeKepler
UncodeKepler1527×887 18.2 KB

UnicodeAndroidTV
UnicodeAndroidTV1930×1088 98.1 KB

4. Expected Behavior

Describe what you expected the SDK to do under normal operation.

Unicode symbols should be rendered as they are on Android TV/FireTV

4.a Possible Root Cause & Temporary Workaround

Fill out anything you have tried. If you don’t know, N/A is acceptable

<!-- Answer here -->

6. Environment

Please fill out the fields related to your bug below:

  • SDK Version: 0.20.3351

  • App State: Foreground

  • OS Information

    NAME="OS"
OE_VERSION="4.0.0"
OS_MAJOR_VERSION="1"
OS_MINOR_VERSION="1"
RELEASE_ID="2"
OS_VERSION="1.1"
BRANCH_CODE="VegaMainlineTvIntegration"
BUILD_DESC="OS 1.1 (VegaMainlineTvIntegration/4413)"
BUILD_FINGERPRINT="4.0.150993.0(3072cab629675a74)/4413N:user-external/release-keys"
BUILD_VARIANT="user-external"
BUILD_TAGS="release-keys"
BUILD_DATE="Fri Aug 22 02:08:07 UTC 2025"
BUILD_TIMESTAMP="1755828487"
VERSION_NUMBER="201010441350"

7. Example Code Snippet / Screenshots / Screengrabs

Include any relevant code or component setup in React Native that can help reproduce the bug.

/*
 * Copyright (c) 2022 Amazon.com, Inc. or its affiliates.  All rights reserved.
 *
 * PROPRIETARY/CONFIDENTIAL.  USE IS SUBJECT TO LICENSE TERMS.
 */

import React from 'react';
import {Text, View} from 'react-native';

const Unicodes = {
  Bullet: '\u2022',
  Circle: '\u25CF',
  SmallCircle: '\u2022',
  LargeCircle: '\u2b24',
  Arrow: '\u25B4',
  WhiteCircle: '\u25C9',
  HeartUnFilled: '\u2661',
  HeartFilled: '\u2765',
  RedCircleFilled: '\u2B24',
  VerticleLine: '\u007C',
};

export const App = () => (
  <View
    style={{
      flex: 1,
      backgroundColor: 'gray',
      flexDirection: 'column',
      justifyContent: 'center',
      alignItems: 'center',
    }}>
    {Object.entries(Unicodes).map(enr => <View style={{ height: 50, flexDirection: 'row', alignItems: 'center'}}>
      <Text style={{
        color: 'black',
        fontWeight: '900',
        fontSize: 20,
      }}>{enr[1]}</Text>
      <Text style={{
        color: 'black',
        fontWeight: '900',
        fontSize: 20,
      }}>Text ref</Text>
    </View>)}
  </View>
);

Thanks in advance!

1 Like
3

hi @Mykhailo_Hrytskov,

I have reported this to our team.

Thanks,
Rohit

1 Like
4

Hi @Mykhailo_Hrytskov

This is by design. Fonts might render differently on different devices

Warm regards,
Ivy