reorder label and input (#92)

fix(input): reorder label and input to fix zIndex issue in safari
anarock · Sep 24, 2018 · 3a5cfb1 · 3a5cfb1 · vercel · Sep 24, 2018
1 parent fcd5d42
commit 3a5cfb1
Show file tree

Hide file tree

Showing 2 changed files with 77 additions and 77 deletions.
diff --git a/src/components/Input.tsx b/src/components/Input.tsx
@@ -107,11 +107,6 @@ class Input extends React.PureComponent<InputProps, InputState> {
         onBlur={this.removeFocus}
         onClick={onClick}
       >
-        <label className={labelClassName}>
-          {placeholder}
-          {required && <span style={{ color: colors.red.base }}>&nbsp;*</span>}
-        </label>
-
         <Input_
           className={inputClassName}
           {...inputProps}
@@ -123,6 +118,11 @@ class Input extends React.PureComponent<InputProps, InputState> {
           readOnly={readOnly}
         />
 
+        <label className={labelClassName}>
+          {placeholder}
+          {required && <span style={{ color: colors.red.base }}>&nbsp;*</span>}
+        </label>
+
         <div
           className={highlightClassName}
           style={{