New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

IE11 Incorrect positioning of DatePicker and Cascader controls within Form Items #9827

Closed
Portalesoft opened this Issue Mar 27, 2018 · 2 comments

Comments

Projects
None yet
5 participants
@Portalesoft

Portalesoft commented Mar 27, 2018

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.3.3

Environment

Windows 10, IE 11

Reproduction link

https://ant.design/components/form/

Steps to reproduce

View the Cascader control in the 'Registration' demo and the DatePicker fields in the 'Time-related Controls' demo on the ant.design website. Both controls are aligned to the top of the form item. If the DatePicker uses hasFeedback this additionally renders the feedback outside of the control.

What is expected?

Cascader and DatePicker controls should be aligned the same as every other control in the demo.

What is actually happening?

The Cascader and DatePicker controls are aligned to the top of the FormItem.


Creating own forms and testing in IE11, checked demo site to confirm issue.

@15531400827

This comment has been minimized.

15531400827 commented Jul 3, 2018

Do you have a solution? I use IE11 and Firefox 45.9.0, and Datepicker and InputNumber components are aligned to the top.

@afc163

This comment has been minimized.

Member

afc163 commented Jul 3, 2018

These display: block cause the problem:

@afc163 afc163 closed this in 60ebb43 Jul 3, 2018

bors bot added a commit to mozilla/delivery-console that referenced this issue Jul 10, 2018

Merge #295
295: Update dependency antd to v3.6.6 r=rehandalal a=renovate[bot]

This Pull Request updates dependency [antd](https://github.com/ant-design/ant-design) from `v3.6.5` to `v3.6.6`



<details>
<summary>Release Notes</summary>

### [`v3.6.6`](https://github.com/ant-design/ant-design/releases/3.6.6)
[Compare Source](ant-design/ant-design@3.6.5...3.6.6)
- 🐞 Fix the style of the selected day for `DatePicker`. [#&#8203;6146](`ant-design/ant-design#6146) [#&#8203;9529](`ant-design/ant-design#9529)
- 🐞 Fix the style of the selected day for `DatePicker.RangePicker`. [004561b](ant-design/ant-design@004561b)
- 🐞 Fix the alignment style wrapped by `Form.Item` for `Cascader`. [#&#8203;9827](`ant-design/ant-design#9827) [#&#8203;11133](`ant-design/ant-design#11133)
- 🐞 Fix the background style of the `handler` for `InputNumber`. [4aabc53](ant-design/ant-design@4aabc53)
- 🐞 Fix the header overflow in `FireFox` when the data is empty for `Table`. [#&#8203;11135](`ant-design/ant-design#11135)


---


- 🐞 修复 `DatePicker` 组件被选中日期的样式问题。[#&#8203;6146](`ant-design/ant-design#6146) [#&#8203;9529](`ant-design/ant-design#9529)
- 🐞 修复 `DatePicker.RangePicker` 组件中被选中日期的样式问题。[004561b](ant-design/ant-design@004561b)
- 🐞 修复 `Cascader` 组件在 `Form.Item` 下的对齐问题。[#&#8203;9827](`ant-design/ant-design#9827) [#&#8203;11133](`ant-design/ant-design#11133)
- 🐞 修复 `InputNumber` 组件的 `handler` 的背景样式问题。[4aabc53](ant-design/ant-design@4aabc53)
- 🐞 修复 `Table` 组件在 `FireFox` 浏览器下数据为空时的头部溢出的样式问题。[#&#8203;11135](`ant-design/ant-design#11135)

---

</details>




---

This PR has been generated by [Renovate Bot](https://renovatebot.com).

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment