Skip to content

First letter dissappears #3441

Open
Open

Description

@kyriakid1s

Describe the bug
When rendering text inside a container that uses a custom style with flexDirection: "row", certain capital letters disappear. However, other Greek capital letters render completely fine under the exact same conditions.
I am using Roboto font, but i try other fonts and get the same result.

To Reproduce
The bug exists in {location}

        <View style={styles.row}>
          <Text style={styles.text}>Πελάτης:</Text>
          <View
            style={[
              styles.headerTable,
              { width: 200, marginLeft: 10, marginBottom: 0 },
            ]}
          >
            <Text
              style={[
                styles.text,
                { paddingHorizontal: 15, width: "100%", textAlign: "center" },
              ]}
            >
              {brand_name}
            </Text>
          </View>
          <Text style={[styles.text, { marginLeft: 30 }]}>Περιοχή:</Text>
          <View
            style={[
              styles.headerTable,
              { maxWidth: 250, marginLeft: 10, width: 200, marginBottom: 0 },
            ]}
          >
            <Text
              style={[
                styles.text,
                {
                  paddingHorizontal: 15,
                  width: "100%",
                  textAlign: "center",
                },
              ]}
            >
              {locations}
            </Text>
          </View>
        </View>

Additional info

text: {
    fontSize: 10,
  },

You can make use of react-pdf REPL to share the snippet

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
It must shows Kimolos, but it show imolos
Image

But works well with greek letter, and other english characters

Desktop (please complete the following information):

  • OS: Windows, MacOS, Ubunty
  • Browser: all
  • React-pdf version 4.5.1

Activity

  1. brandon-julio-t commented on Jun 12, 2026

    @brandon-julio-t

    +1 experiencing this too with chinese character. I have opened #3404 + the PR fix for reference, so might be related

  2. kyriakid1s commented on Jun 12, 2026

    @kyriakid1s
    Author

    For now, this problem solved by split the first letter, and then followed by the rest of the word

                <Text>
                  {location[0]}
                  {location.split.slice(1)}
                </Text>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions