-
Notifications
You must be signed in to change notification settings - Fork 1.2k
TextInput value and placeholders are not aligned out of the box #15939
Copy link
Copy link
Open
Description
Problem Description
I have
<TextInput
style={styles.input}
placeholder="Note title testing!!..."
placeholderTextColor="#666"
value={title}
onChangeText={setTitle}
/>
and
input: {
backgroundColor: '#16213e',
borderRadius: 8,
padding: 12,
color: '#fff',
fontSize: 16,
borderWidth: 1,
borderColor: '#0f3460',
marginBottom: 16,
},
That yields this unaligned textinput
Steps To Reproduce
- create a text input
- set the placeholder prop
See that the placeholder is unaligned
Expected Results
The textinput placeholder to be aligned
CLI version
20.0.0
Environment
(I am running on Parrallels)
info Fetching system and libraries information...
System:
OS: Windows 11 10.0.26200
CPU: (4) arm64 Apple Silicon
Memory: 1.36 GB / 7.99 GB
Binaries:
Node:
version: 24.14.0
path: C:\Program Files\nodejs\node.EXE
Yarn: Not Found
npm:
version: 11.9.0
path: C:\Program Files\nodejs\npm.CMD
Watchman: Not Found
SDKs:
Android SDK: Not Found
Windows SDK:
AllowDevelopmentWithoutDevLicense: Enabled
Versions:
- 10.0.22621.0
- 10.0.26100.0
IDEs:
Android Studio: Not Found
Visual Studio:
- 18.3.11520.95 (Visual Studio Community 2026)
Languages:
Java: Not Found
Ruby: Not Found
npmPackages:
"@react-native-community/cli":
installed: 20.0.0
wanted: 20.0.0
react:
installed: 19.1.1
wanted: 19.1.1
react-native:
installed: 0.82.1
wanted: 0.82.1
react-native-windows:
installed: 0.82.3
wanted: ^0.82.3
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: Not found
newArchEnabled: Not found
info React Native v0.84.1 is now available (your project is running on v0.82.1).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.84.1
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.82.1&to=0.84.1
info For more info, check out "https://reactnative.dev/docs/upgrading?os=windows".Community Modules
"@react-native/new-app-screen": "0.82.1",
"@react-navigation/bottom-tabs": "^7.15.9",
"@react-navigation/native": "^7.2.2",
"@react-navigation/stack": "^7.8.9",
"@tanstack/react-query": "^5.96.2",
"react": "19.1.1",
"react-native": "0.82.1",
"react-native-gesture-handler": "^2.31.0",
"react-native-safe-area-context": "^5.5.2",
"react-native-windows": "^0.82.3"
Target React Native Architecture
New Architecture (WinAppSDK) Only
Target Platform Version
<= 10.0.17763
Visual Studio Version
Visual Studio 2022
Build Configuration
Debug
Snack, code example, screenshot, or link to a repository
No response
Reactions are currently unavailable