Badge appears under MultiActionButton

[ernon66]

Description

Hello,

The Badge component interacts differently with a MultiActionButton than it does with a regular Button

With a Button the Badge appears correctly over it
With a MultiActionButton the Badge appears under it

I think it should always appear over the component

Reproduction

https://stackblitz.com/edit/parsium-carbon-starter-2zetxs?file=src%2FApp.tsx

Steps to reproduce

Use a Badge component with a MultiActionButton

JIRA ticket numbers (Sage only)

SBS-99460

Suggested solution

I have not found any workaround

Carbon version

136.0.3

Design tokens version

No response

Relevant browsers

Chrome

Relevant OSs

MacOS

Additional context

No response

Confidentiality

• I confirm there is no confidential or commercially sensitive information included.

[edleeks87]

Should be a simple fix:

<StyledBadgeWrapper>
      {renderCorrectBadge()}
      {children}
    </StyledBadgeWrapper>

needs to be

<StyledBadgeWrapper>
      {children}
      {renderCorrectBadge()}
    </StyledBadgeWrapper>

[DipperTheDan]

FE-6665

[carbonci]

🎉 This issue has been resolved in version 143.2.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀