fix ant-design#5456

william-yz · Mar 23, 2017 · 231a5c1 · 231a5c1
1 parent 50e5cd3
commit 231a5c1
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/components/form/demo/validate-static.md b/components/form/demo/validate-static.md
@@ -22,7 +22,7 @@ We provide properties like `validateStatus` `help` `hasFeedback` to customize yo
 3. `help`: display validate message.
 
 ````jsx
-import { Form, Input, DatePicker, Col } from 'antd';
+import { Form, Input, DatePicker, Col, Icon } from 'antd';
 const FormItem = Form.Item;
 
 const formItemLayout = {
@@ -93,6 +93,19 @@ ReactDOM.render(
       <Input placeholder="unavailable choice" id="error" />
     </FormItem>
 
+    <FormItem
+      {...formItemLayout}
+      label="Fail"
+      hasFeedback
+      validateStatus="error"
+      help="Should be combination of numbers & alphabets"
+    >
+      <Input
+        prefix={<Icon type="user" style={{ fontSize: 13 }} />}
+        placeholder="input prefix icon with feed icon" id="error"
+      />
+    </FormItem>
+
     <FormItem
       label="inline"
       labelCol={{

diff --git a/components/form/style/index.less b/components/form/style/index.less
@@ -337,6 +337,7 @@ form {
     font-size: @font-size-lg;
     animation: zoomIn .3s @ease-out-back;
     .iconfont-font("");
+    z-index: 2;
   }
 }