zoriya/react-native-web
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-web.git synced 2026-05-23 14:57:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

[fix] TextInput placeholder layout and focus

Browse Source 
Fix the layout of placeholder text and shift focus to the DOM input when
`TextInput` is clicked or pressed.

Thanks to @tuckerconnelly and @Dremora.

Fix #138
Fix #119
Close #137
This commit is contained in:
Nicolas Gallagher
2016-06-28 15:04:38 -07:00
parent 3da05c48b0
commit 65a9317756
3 changed files with 76 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/components/App.js
+1 -1
View File
@@ -90,7 +90,7 @@ export default class App extends React.Component {
/>
<TextInput secureTextEntry />
<TextInput defaultValue='read only' editable={false} />
<TextInput keyboardType='email-address' placeholder='you@domain.com' placeholderTextColor='red' />
<TextInput style={{ flex:1, height: 60, padding: 20 }} keyboardType='email-address' placeholder='you@domain.com' placeholderTextColor='red' />
<TextInput keyboardType='numeric' />
<TextInput keyboardType='phone-pad' />
<TextInput defaultValue='https://delete-me' keyboardType='url' placeholder='https://www.some-website.com' selectTextOnFocus />