Skip to content

Input addonBefore/addonAfter height problem. #3765

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

Closed
1 task done
transtone opened this issue Mar 8, 2021 · 14 comments
Closed
1 task done

Input addonBefore/addonAfter height problem. #3765

transtone opened this issue Mar 8, 2021 · 14 comments
Labels
help wanted 🤔 Need Reproduce We cannot reproduce your problem outdated

Comments

@transtone
Copy link

transtone commented Mar 8, 2021

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

Version

2.0.1

Environment

Microsoft Edge

Reproduction link

https://2x.antdv.com/components/input-cn

Steps to reproduce

官网例子开启 f12 后

What is expected?

底部对齐

What is actually happening?

底部不对齐

1.x的表现:
image
2.x 的表现:
image
image

@github-actions github-actions bot changed the title input addonBefore/addonAfter 的高度问题。 Input addonBefore/addonAfter height problem. Mar 8, 2021
@zkwolf
Copy link
Member

zkwolf commented Mar 8, 2021

我这没复现出来,开了缩放之类的?

@transtone
Copy link
Author

transtone commented Mar 9, 2021

没有缩放。
环境:

windows 10 Home 20H2
Microsoft Edge 89.0.774.45 
Opera 74.0.3911.203
15.6寸显示器,分辨率 1920x1080  

页面右侧打开 f12 之后很明显,不打开也有不平整的问题。

倒是 Firefox 86.0 表现正常,不过有 select 下拉框重边的问题。firefox:
image

@github-actions
Copy link

github-actions bot commented Mar 9, 2021

Hello @transtone. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please send your Pull Request to proper branch, fill the Pull Request Template here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!

你好 @transtone,我们完全同意你的提议/反馈,欢迎直接在此仓库创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到正确的分支,务必填写 Pull Request 内的预设模板,提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等,并确保 CI 通过,我们会尽快进行 Review,提前感谢和期待您的贡献。

@zkwolf
Copy link
Member

zkwolf commented Mar 9, 2021

这个提示。。。不太符合我本意,我这复现不出来看看有没有其他人能复现出来

@xrkffgg xrkffgg added the 🤔 Need Reproduce We cannot reproduce your problem label Mar 9, 2021
@github-actions
Copy link

github-actions bot commented Mar 9, 2021

Hello @transtone. Please provide a online reproduction by forking this link for vue2link for vue3 or a minimal GitHub repository. Make sure to choose the correct version.

你好 @transtone, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 for vue2此处 for vue3 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。

@xrkffgg
Copy link
Member

xrkffgg commented Mar 9, 2021

😂😂 没 window 机器

@transtone
Copy link
Author

这个提示。。。不太符合我本意

您的本意是?


目前在项目里把边框放到最外层去了:

.ant-input-wrapper.ant-input-group {
  border: 1px solid @border-color-input;
  border-radius: 2px;

  .ant-input-search,
  .ant-input-group-addon {
    border-width: 0;
  }
  .ant-input-group-addon {
    + .ant-input-search {
      border-left: 1px solid @border-color-input;
    }
  }
  .ant-input-search {
    + .ant-input-group-addon {
      border-left: 1px solid @border-color-input;
    }
  }
}

@transtone
Copy link
Author

Hello @transtone. Please provide a online reproduction by forking this link for vue2link for vue3 or a minimal GitHub repository. Make sure to choose the correct version.

你好 @transtone, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 for vue2此处 for vue3 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。

官网可以复现,就不提供什么 sandbox 了 (lll¬ω¬)

@transtone
Copy link
Author

😂😂 没 window 机器

还是 windows 更接近实际用户呀。

@zkwolf
Copy link
Member

zkwolf commented Mar 9, 2021

我这也是win,u2417h 1080p的屏幕

@transtone
Copy link
Author

transtone commented Mar 9, 2021

其实没有太高的要求,能和 antv-1.x / ant.design 一致就最好了:

image

image

@John60676
Copy link
Member

“重边的问题”是存在,但是没能复现你说的不对齐。或者你身边找另一台电脑再看看?

@github-actions
Copy link

Since the issue was labeled with Need Reproduce, but no response in 7 days. This issue will be closed. If you have any questions, you can comment and reply.

由于该 issue 被标记为需要复现信息,却 7 天未收到回应。现关闭 issue,若有任何问题,可评论回复。

@github-actions
Copy link

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Mar 17, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
help wanted 🤔 Need Reproduce We cannot reproduce your problem outdated
Projects
None yet
Development

No branches or pull requests

4 participants