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
textInput: When I type a very long text with a hyphen and the text exceed the view of the textInput and when I go out of focus and enter into focus again, the text after the hyphen will get cut off.
this happen for the css style textAlign props
LayMui
changed the title
textInput props textAlign will cause long text to be cut off after the hyphen when out of focus
textInput props textAlign will cause long text to be cut off after the hyphen when out of focus and focus again
Apr 16, 2024
Description
textInput: When I type a very long text with a hyphen and the text exceed the view of the textInput and when I go out of focus and enter into focus again, the text after the hyphen will get cut off.
this happen for the css style textAlign props
code snippet:
<TextInput
style={styles.input}
textAlign={'left'}
/>
the above issue happen for all left, right and center
const styles = StyleSheet.create({
input: {
height: 40,
margin: 12,
borderWidth: 1,
padding: 10,
},
..
Steps to reproduce
create the RN app
add the code snippet to the App.tsx
import {
TextInput
} from 'react-native';
<TextInput
style={styles.input}
textAlign={'center'}
/>
React Native Version
0.73.6
Affected Platforms
Runtime - iOS
Output of
npx react-native info
Stacktrace or Logs
Reproducer
https://github.com/LayMui/textInput
Screenshots and Videos
The text was updated successfully, but these errors were encountered: