a-radio-group在a-form-item中产生额外换行问题

[7emotion]

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

Version

2.0.0-rc.2

Environment

vue3.0.3

Reproduction link

https://2x.antdv.com/components/radio-cn/#components-radio-demo-radio-style

Steps to reproduce

<template>
<a-form layout="vertical">
<a-form-item>
<a-input
placeholder="这是一个输入框，底部的间隔为正常状态，a-radio-group在特殊情况会有占用两行的情况"
/>
</a-form-item>

<a-form-item>
<a-radio-group class="w-100">
<a-radio-button :value="1" class="w-50 text-center">
one select
</a-radio-button>
<a-radio-button :value="2" class="w-50 text-center">
底部的间隔占用了两行
</a-radio-button>
</a-radio-group>
</a-form-item>

<a-form-item>
<a-radio-group class="w-100">
<a-radio-button :value="1" class="w-50 text-center">
AAAAAAAAAAAAAAAA
</a-radio-button>
<a-radio-button :value="2" class="w-50 text-center">
BBBBBBBBBBBBBBBB
</a-radio-button>
</a-radio-group>
</a-form-item>

<a-form-item>
<a-radio-group class="w-100">
<a-radio-button :value="1" class="w-50 text-center">
one select
</a-radio-button>
<a-radio-button :value="2" class="w-50 text-center">
底部的间隔占用了两行
</a-radio-button>
</a-radio-group>
</a-form-item>

<a-form-item>
<a-radio-group class="w-100">
<a-radio-button :value="1" class="w-50 text-center">
one select
</a-radio-button>
<a-radio-button :value="2" class="w-50 text-center">
底部的间隔占用了两行
</a-radio-button>
</a-radio-group>
</a-form-item>

<a-form-item>
<a-button type="primary" block>submit</a-button>
</a-form-item>
</a-form>
</template>

<style scoped>
.w-100 {
width: 100%;
}
.w-50 {
width: 50%;
}
.text-center {
text-align: center;
}
</style>

What is expected?

解决a-radio-group在a-form-item中占用多行，导致间隔过高的问题

What is actually happening?

解决a-radio-group在a-form-item中占用多行，导致间隔过高的问题

---

解决a-radio-group在a-form-item中占用多行，导致间隔过高的问题

[John60676]

https://codesandbox.io/s/admiring-cloud-pr2rn?file=/src/App.vue
未能复现你的问题，请提供一个复现例子

[github-actions]

Hello @Small-Shu. Please provide a online reproduction by forking this link for vue2、 link for vue3 or a minimal GitHub repository.Make sure to choose the correct version.

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

[7emotion]

https://codesandbox.io/s/admiring-cloud-pr2rn?file=/src/App.vue
未能复现你的问题，请提供一个复现例子

https://codesandbox.io/s/condescending-ganguly-z3re5
请尝试将CSS添加进去，我已经在上面连接进行了修改。

[tangjinzhou]

这不是一样的间隔吗

[7emotion]

这不是一样的间隔吗

我不知道你是如何实现的，你可以查看：https://codesandbox.io/s/condescending-ganguly-z3re5 里面的代码来复现我的问题。

[John60676]

临时方案：
.ant-form-item-control-wrapper 给这个类一个 width: 100% 的样式

[7emotion]

这个多久可以更新进去。。

[github-actions]

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.