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
checkbox style: .ant-checkbox-input should not have a z-index #10385
Comments
bors bot
added a commit
to mozilla/delivery-console
that referenced
this issue
May 10, 2018
158: Update dependency antd to v3.5.1 r=rehandalal a=renovate[bot] This Pull Request updates dependency [antd](https://github.com/ant-design/ant-design) from `v3.5.0` to `v3.5.1` <details> <summary>Release Notes</summary> ### [`v3.5.1`](https://github.com/ant-design/ant-design/releases/3.5.1) [Compare Source](ant-design/ant-design@3.5.0...3.5.1) - 🐞 Fixed broken style of Input.Group under Form. [#​10371](`ant-design/ant-design#10371) - 🐞 Fixed overlay style of Select. [#​10383](`ant-design/ant-design#10383) - 🐞 Remove focused style of Collapse. - 🐞 Remove unnecessary `z-index` of Input.Group and Checkbox. [#​9840](`ant-design/ant-design#9840) [#​10385](`ant-design/ant-design#10385) - 🐞 Fixed that monospaced font family can't be bold. - Table - 💄 Rewrited the editable table demo. [#​10119](`ant-design/ant-design#10119) - 🐞 Fixed that table column overlay each other. [#​9822](`ant-design/ant-design#9822) - TypeScript - 🐞 Fixed Breadcrumb.Item type. [#​10372](`ant-design/ant-design#10372) [@​karol-majewski] - 🐞 Fixed Table `rowSelection` type。[#​10374](`ant-design/ant-design#10374) --- - 🐞 修复 Input.Group 在 Form 下样式错位的问题。[#​10371](`ant-design/ant-design#10371) - 🐞 修复 Select 箭头和内容重叠的问题。[#​10383](`ant-design/ant-design#10383) - 🐞 移除 Collapse 点击时的 focus 样式。 - 🐞 移除 Input.Group 和 Checkbox 不必要的 `z-index`。[#​9840](`ant-design/ant-design#9840) [#​10385](`ant-design/ant-design#10385) - 🐞 修复一个数字等宽字体没有加粗的问题。 - Table - 💄 重写了可编辑表格的演示。[#​10119](`ant-design/ant-design#10119) - 🐞 修复一个表格列内容互相重叠的问题。[#​9822](`ant-design/ant-design#9822) - TypeScript - 🐞 调整 Breadcrumb.Item 的类型。[#​10372](`ant-design/ant-design#10372) [@​karol-majewski] - 🐞 修复 Table 的 `rowSelection` 的类型。[#​10374](`ant-design/ant-design#10374) --- </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
Version
3.5.0
Environment
Windows 10.0.16299, Chrome 66.0.3359.139, React 16.3.2
Reproduction link
http://jsfiddle.net/3cwzj0ea/144/
Steps to reproduce
As shown in the jsfiddle, use
antd.Checkbox
and have a absolutely positioned div rendered on top of itWhat is expected?
The checkbox should not appear on top of the overlay.
What is actually happening?
The checkbox does appear on top of the overlay.
This can easily be fixed on the project side, but it implies having z-index >= 2 on every overlay, which is dirty.
The problem is caused by components/checkbox/style/mixin.less#L72.
This issue might be related to ant-design/issues/9840.
The text was updated successfully, but these errors were encountered: