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.
Nested <Text /> is broken
See original GitHub issueDescribe the bug
When there are different font sizes within the same <Text> element, the letter spacing of the last part is applied to the whole text.
To Reproduce REPL
Expected behavior Each text run should not be affected by style changes in other parts.
Issue Analytics
- State:
- Created 4 years ago
- Reactions:3
- Comments:7 (2 by maintainers)
Top Results From Across the Web
Style for nested Text is not working react-native - Stack Overflow
As you can see, we have nested <Text> components. The problem is some style props such as borderBottomWidth - marginVertical - width is...
Read more >Text - React Native
A React component for displaying text. Text supports nesting, styling, and touch handling. In the following example, the nested title and body ...
Read more >Broken selection system inside of a nested contenteditable ...
This is a critical bug for many users, because it makes it impossible to edit text inside what we call "nested editable". Two...
Read more >Five Things You (Probably) Didn't Know About Testing Library
Unable to find an element with the text: Hello world. This could be because the text is broken up by multiple elements. In...
Read more >HTML : text-overflow ellipsis not working in nested flexbox
HTML : text -overflow ellipsis not working in nested flexbox [ Gift : Animated Search Engine : https://bit.ly/AnimSearch ] HTML ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
That’s weird 🤔 @jp06 you may want to add inline
<Text />to apply inline styles (think of it like a<span />) I’ll try to take a look at this soon. Might be related to https://github.com/diegomura/react-pdf/issues/646I know this is closed, but for anyone wondering this seems to be working as of version 2.0.16. Nesting
Textelements within a parentTextelement will display them inline.