Skip to content
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

[Bug Report] form属性layout=vertical时,Field内tooltip问号图标会出现上下错位问题 #1738

Closed
1 task
lovewinders opened this issue Jul 7, 2021 · 4 comments · Fixed by #1749
Closed
1 task
Assignees
Labels
bug Something isn't working

Comments

@lovewinders
Copy link

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

Reproduction link

CodeSandbox 复现demo链接
Edit on CodeSandbox

Steps to reproduce

第一步:正常引入@formily/core和@formily/react
第二步:Form属性追加layout='vertical',Field属性decorator追加tooltip,
第三步:预览表单,会出现tooltip问号图标上下错位问题

What is expected?

期望问号图标位置和label文字在同一水平线上

What is actually happening?

如果form属性layout=vertical时,Field内tooltip问号图标会向下跑偏

Package

@formily/[email protected]


@janryWang
Copy link
Collaborator

来个PR吧

@lovewinders
Copy link
Author

来个PR吧

.ant-formily-item-layout-vertical .ant-formily-item-label {
min-height: 22px;
line-height: 1.5715; // 看起来是vertical中line-height导致的样式bug
}

@janryWang
Copy link
Collaborator

嗯,应该是需要区分一下

@janryWang janryWang added the bug Something isn't working label Jul 7, 2021
@lovewinders
Copy link
Author

嗯,应该是需要区分一下

建议你们给修复一下

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants