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

Select: When mode="combobox" and content is much enough, there is a bug of style #11035

Closed
quanshubli opened this Issue Jun 26, 2018 · 1 comment

Comments

Projects
None yet
3 participants
@quanshubli

quanshubli commented Jun 26, 2018

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

Version

3.6.4

Environment

Chrome 版本 67.0.3396.87(正式版本) (64 位)

Reproduction link

Edit on CodeSandbox

Steps to reproduce

Just input much enough content.

What is expected?

The content is inside the box.

What is actually happening?

There is another content outside and overlaying the box.


I think the root of this bug is the element span whose classname is "ant-select-search__field__mirror". When the content is much enough, the style "left=-9999px" is not enough. So maybe let it hide of opacity=0 directly.

@zombieJ

This comment has been minimized.

Member

zombieJ commented Jun 26, 2018

wow! thanks for feedback. Let me check

@zombieJ zombieJ closed this in 0d09dba Jun 26, 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