Skip to content

InputGroup中使用 tooltip 包裹的 button[disabled] 样式不正确 #7195

@ydq

Description

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

Version

4.0.7

Environment

MacOS14.2
Chrome 120 / safari
vue3

Steps to reproduce

如下结构:

<a-input-group compact>

    <a-tooltip placement="bottom" title="输入消费组后回车或点击获取Offset按钮">
        <a-input disabled/> <!-- 这个 disable 渲染也正常 -->
    </a-tooltip>

    <a-button disabled>这个按钮渲染正常</a-button>

    <a-tooltip placement="bottom" title="移除disabled恢复正常,有disabled边角样式错误">
        <a-button disabled>被包裹的按钮</a-button>
    </a-tooltip>

    <a-button disabled>这个按钮渲染正常</a-button>
</a-input-group>

bug

What is expected?

在中间的按钮应该都是直角
在边侧的按钮靠近其他元素的一边应该为直角

What is actually happening?

被 tooltip 包裹的 button[disabled] 出现了圆角

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions