You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
I using the same component with the same styling, but when I use letters [a-zA-Z] it respects the break line due to lack of space, but when I use numbers [0-1] it does not respect the width of View
To Reproduce
Create component and render
conststyles=StyleSheet.create({body: {paddingTop: 35,paddingBottom: 65,paddingHorizontal: 35,},textContainer: {width: 200,height: 100,border: '1px solid red'},container: {flex: 1,display: 'flex',gap: 10}});constMyDocument=()=>(<Document><Pagestyle={styles.body}><Viewstyle={styles.container}><Viewstyle={styles.textContainer}><Text>TestingTestingTestingTestingTestingTestingTestingTestingTesting</Text></View><Viewstyle={styles.textContainer}><Text>10101010101010101010101010101010101010</Text></View></View></Page></Document>);// To render the documentReactPDF.render(<MyDocument/>);
Expected behavior
I hope that the word-break of the View width spacing is respected, as happens when I use letters instead of numbers.
Is there any way around this?
Screenshots
Example in CSS3
In CSS3 exist the property word-break to workaround this behavior
Desktop
OS: Ubuntu 22.04.5 LTS
Browser: chrome
React-pdf version: v4.1.6
The text was updated successfully, but these errors were encountered:
Describe the bug
I using the same component with the same styling, but when I use letters
[a-zA-Z]
it respects the break line due to lack of space, but when I use numbers [0-1] it does not respect the width ofView
To Reproduce
Snippet of code
Expected behavior
I hope that the
word-break
of theView
width spacing is respected, as happens when I use letters instead of numbers.Is there any way around this?
Screenshots
Example in CSS3
Desktop
The text was updated successfully, but these errors were encountered: