You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When a choice is selected with the multi-select widget, a vertical line shows up between the label and the black delete button.
This is due to the ::after pseudo component found within the div of id "selection-button". It has content: "" instead of content: none. It is not possible for me to remove or change this pseudo component via javascript or inline CSS (or with CSS imported either)
The user would normally expect to not see the vertical line
Component(s) impacted
cds-multi-select
Browser
Chrome
Carbon for IBM.com version
v2.7.0
Severity
Severity 3 = The problem is visible or noticeable to users but does not impede the usability or functionality. Affects minor functionality, has a workaround.
Description
When a choice is selected with the multi-select widget, a vertical line shows up between the label and the black delete button.
This is due to the
::after
pseudo component found within the div of id"selection-button"
. It hascontent: ""
instead ofcontent: none
. It is not possible for me to remove or change this pseudo component via javascript or inline CSS (or with CSS imported either)The user would normally expect to not see the vertical line
Component(s) impacted
cds-multi-select
Browser
Chrome
Carbon for IBM.com version
v2.7.0
Severity
Severity 3 = The problem is visible or noticeable to users but does not impede the usability or functionality. Affects minor functionality, has a workaround.
Application/website
IBM Watson Orchestrate
Package
@carbon/ibmdotcom-web-components
CodeSandbox example
NA
Steps to reproduce the issue (if applicable)
No response
Release date (if applicable)
No response
Code of Conduct
The text was updated successfully, but these errors were encountered: