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

Chrome在缩放模式下,Card组件的border被title的背景色覆盖 #9085

Closed
hardfist opened this Issue Jan 23, 2018 · 2 comments

Comments

Projects
None yet
5 participants
@hardfist
Contributor

hardfist commented Jan 23, 2018

Version

3.1.4

Environment

macos 10.12.4 ,MacBook Pro(13-inch),chrome 版本 63.0.3239.132(正式版本)(64 位)

Reproduction link

https://ant.design/components/card-cn/

Steps to reproduce

在chrome下将网站整体缩放70%,Card的上面border被背景色覆盖。效果如链接所示,https://p0.ipstatp.com/large/005a66f4c127009f2781

What is expected?

Card的border不被背景色覆盖

What is actually happening?

Card的border被背景色覆盖


chrome在缩放模式下,会产生小数像素,虽然ant-card的content-area的宽/高度和ant-card-head的margin-area的宽/高度的实际值相同,但实际渲染的效果ant-card-head的宽/高度比antd-card的宽/高度要大从而覆盖了其border,这个问题在safari和firefox的缩放模式下不存在。不确定这个问题是否只是在chrome的缩放模式下存在。

@ant-design-bot

This comment has been minimized.

ant-design-bot commented Jan 23, 2018

It will be better to write your issue/comment in English, so more people can understand you.
And this means that more people can help you or benefit from your issue/comment.
See: #4897

@afc163

This comment has been minimized.

Member

afc163 commented Jan 23, 2018

I think nothing we can do about it.

@afc163 afc163 closed this in 553901d Jun 30, 2018

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

Merge #259
259: Update dependency antd to v3.6.5 r=magopian a=renovate[bot]

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



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

### [`v3.6.5`](https://github.com/ant-design/ant-design/releases/3.6.5)
[Compare Source](ant-design/ant-design@3.6.4...3.6.5)
- 🐞 Fixed wired `Transfer` repaint problem in IE or Edge. [#&#8203;9697](`ant-design/ant-design#9697)
- 🐞 Fixed `Card` background overflow when zoom in chrome. [#&#8203;9085](`ant-design/ant-design#9085)
- TypeScript
  - 🐞 Fixed `Table` incompatible type `size`. [bf5b6ae1](ant-design/ant-design@bf5b6ae)
  - 🐞 Fixed `Select` missing showArrow option in types. [cde2a6b6](ant-design/ant-design@cde2a6b)
- 🐞 Add custom local support in `Pagination`. [babbbdd4](ant-design/ant-design@babbbdd)
- 🐞 Move max-width to ant-tooltip, so that it can be override by overlayStyle.maxWidth. [e2b359e9](ant-design/ant-design@e2b359e)
- 🐞 Adjust `Select` mirror style to avoid to long string. [#&#8203;11035](`ant-design/ant-design#11035)

---

- 🐞 修复 `Transfer` 组件的文本 "Not Found" 在 IE 或 Edge 浏览器上显示异常。[#&#8203;9697](`ant-design/ant-design#9697)
- 🐞 修复 Chrome 在缩放模式下,`Card` 组件的边框被标题的背景色覆盖。[#&#8203;9085](`ant-design/ant-design#9085)
- TypeScript
  - 🐞 修复 `Table` 不兼容的类型 `size`。[bf5b6ae1](ant-design/ant-design@bf5b6ae)
  - 🐞 修复 `Select` 组件的 `showArrow` 类型定义。[cde2a6b6](ant-design/ant-design@cde2a6b)
- 🐞 修复 Pagination 全局 locale 设置不能被组件 locale 覆盖的问题。[babbbdd4](ant-design/ant-design@babbbdd)
- 🐞 修复 `Tooltip` 组件的 `max-width` 样式,使 `overlayStyle.maxWidth` 可覆盖。[e2b359e9](ant-design/ant-design@e2b359e)
- 🐞 修复 `Select` 组件的样式,避免过长文本的溢出。[#&#8203;11035](`ant-design/ant-design#11035)

---

</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