Skip to content

[Bug]: ComboBox decorator overlaps with "X" button to cancel out the current selection #18392

Closed
@Sam-Wool

Description

@Sam-Wool

Package

@carbon/react

Browser

Chrome

Package version

1.74.0

React version

17.0.2

Description

When using the decorator prop for the ComboBox component, the decorator overlaps with the "X" button used to cancel out the current selected item, causing visual issues and preventing the user from clicking the "X" button.

Image

Reproduction/example

Visible in the storybook: https://react.carbondesignsystem.com/?path=/story/components-combobox--with-ai-label

Steps to reproduce

This issue is visible in the storybook, and can also be recreated by creating a ComboBox with a decorator, and then selecting an item.

https://react.carbondesignsystem.com/?path=/story/components-combobox--with-ai-label

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

Metadata

Metadata

Type

Projects

Status

✅ Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions