Skip to content

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

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.

Sign up for GitHub

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

Jump to bottom
Open
1 task done
Extra2001 opened this issue Apr 6, 2025 · 1 comment · May be fixed by #8121
Open
1 task done

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

Extra2001 opened this issue Apr 6, 2025 · 1 comment · May be fixed by #8121
Labels
Stale

Comments

@Extra2001
Copy link

Extra2001 commented Apr 6, 2025 •
edited
Loading

  • 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?

主按钮下面两个圆角正常，上面两个变成方角。
@dariasavinova dariasavinova linked a pull request Apr 10, 2025 that will close this issue
Open
@github-actions GitHub Actions
Copy link

github-actions bot commented Jun 6, 2025

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

@github-actions github-actions bot added the Stale label Jun 6, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Stale
Projects
None yet
Milestone
No milestone
1 participant
@Extra2001