[fix] TextInput alignment of small inner 'input'

Fix #139
2026-01-12 22:51:09 +08:00 · 2016-07-06 10:44:28 -07:00
parent a15b15c55d
commit 26758e905c
1 changed files with 3 additions and 2 deletions
--- a/src/components/TextInput/index.js
+++ b/src/components/TextInput/index.js
@@ -240,7 +240,7 @@ const styles = StyleSheet.create({
    borderWidth: 1
  },
  wrapper: {
-    flexGrow: 1
+    flex: 1
  },
  input: {
    appearance: 'none',
@@ -248,8 +248,9 @@ const styles = StyleSheet.create({
    borderWidth: 0,
    boxSizing: 'border-box',
    color: 'inherit',
-    flexGrow: 1,
+    flex: 1,
    font: 'inherit',
+    minHeight: '100%', // center small inputs (fix #139)
    padding: 0,
    zIndex: 1
  },