Skip to content

悬浮按钮组开启菜单模式后、同时设置shape="square"方形,展开按钮样式错误 #8117

New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Open
1 task done
Extra2001 opened this issue Apr 6, 2025 · 0 comments · May be fixed by #8121
Open
1 task done

Comments

@Extra2001
Copy link

Extra2001 commented Apr 6, 2025

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

Version

4.2.6

Environment

Windows 11, Chrome 135.0.7049.42, Vue 3.5.13

Reproduction link

Edit on CodeSandbox

Steps to reproduce

只需要同时设置trigger和shape="square"即可触发问题:

<a-float-button-group shape="square" trigger="click">...</a-float-button-group>

完整vue代码:

<template>
  <a-float-button-group
    shape="square"
    trigger="click"
    type="primary"
    :style="{ right: '24px' }"
  >
    <template #icon>
      <CustomerServiceOutlined />
    </template>
    <a-float-button />
    <a-float-button>
      <template #icon>
        <CommentOutlined />
      </template>
    </a-float-button>
  </a-float-button-group>
  <a-float-button-group
    shape="square"
    trigger="hover"
    type="primary"
    :style="{ right: '94px' }"
  >
    <template #icon>
      <CustomerServiceOutlined />
    </template>
    <a-float-button />
    <a-float-button>
      <template #icon>
        <CommentOutlined />
      </template>
    </a-float-button>
  </a-float-button-group>
</template>
<script lang="ts" setup>
import {
  CustomerServiceOutlined,
  CommentOutlined,
} from "@ant-design/icons-vue";
</script>

What is expected?

主按钮应该是圆角矩形。

What is actually happening?

主按钮下面两个圆角正常,上面两个变成方角。

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
1 participant