Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

First letter dissappears

Open
  • Is something wrong?
#3,441 2 comments 4 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
48/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Quiet
Tech stack
react, typescript
Domain
frontend

Research direction

Reproduce the snippet in the react-pdf REPL, using the reported React-pDF version and flexDirection: "row" with the Greek text. Compare the rendering of the missing initial capital with the other letters and fonts; done means the complete word, including its first letter, renders correctly without regressing the surrounding layout.

Written by the indexing model from the issue text.

Description

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
Dominant language
TypeScript
Stars
16.8k
Forks
1.3k
Avg merge
11m
Merged PRs (30d)
2

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from diegomura/react-pdf

All issues in diegomura/react-pdf

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.