form inline style break when input set with addonBefore, addonAfter prop

[chilijung]

when adding inline form, Input button will break when setting addonBefore and addonAfter props.

发生问题的环境是：

• antd 版本: 2.1.0
• 操作系统及其版本: mac Sierra
• 浏览器及其版本: chrome Version 53.0.2785.143

您做了什么？

<Form inline>
  <FormItem
    label="setting"
  >
    <Input
        style={{width: '200px'}}
        addonBefore="http://" // <------------------------- this prop will make inline form break. NOTE: using addonAfter also break inline style.
        placeholder="enter text"/>
  </FormItem>
  <FormItem>
    <Input
        style={{width: '200px'}}
        placeholder="enter text 2"/>
  </FormItem>
</Form>

您期待的结果是：

inline style should work.

实际上的结果是：

可重现的在线演示

http://codepen.io/chilijung/pen/gwkrJg?editors=001

[lock]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.