search

carbon-design-system / carbon

A design system built by IBM
https://www.carbondesignsystem.com
Apache License 2.0
7.84k stars 1.81k forks source link

[Bug]: Readonly state in Multiselect and FilterableMultiselect has hover interaction on the close button. #17820

Open Gururajj77 opened 1 week ago

Gururajj77 commented 1 week ago

Package

@carbon/react

Browser

Chrome

Package version

v11

React version

v18

Description

from the comment in this PR, we found out that the hover state is still present on the button when in readonly state. This is from the components ListBox.Selection and ListBoxSelection (which is in the next folder).

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-multiselect--playground&args=readOnly:!true

Steps to reproduce

go to the above link and hover on the 'X' button.

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

laurenmrice commented 1 week ago

The Read-only state for the Multiselect and Filterable Multiselect needs to look like the design specs below:

Image