fix(Input): Display floating input label if value is not undefined (#50)

heydoctor · Aug 1, 2019 · 259cd6f · 259cd6f
1 parent a55b4a9
commit 259cd6f
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/src/Form/Input.js b/src/Form/Input.js
@@ -241,7 +241,7 @@ class Input extends Component {
       ...rest
     } = this.props;
 
-    const isFloating = (floating && value && value.length > 0) || (floating && this.state.value);
+    const isFloating = floating && value != undefined && `${value}`.trim();
 
     const inputProps = {
       ...rest,

diff --git a/src/Form/Label.js b/src/Form/Label.js
@@ -9,7 +9,6 @@ const Label = createComponent({
     transition: 250ms;
     font-weight: 500;
     margin: 0 0 4px 4px;
-    z-index: 10;
     font-size: ${p => p.theme.fontSizes[p.size]}px;
 
     ${isFloatable &&