Skip to content
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.

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

Multiselect web component has unwanted pseudo component ::after #11746

Open
2 tasks done
T-Y-i opened this issue Apr 25, 2024 · 0 comments
Open
2 tasks done

Multiselect web component has unwanted pseudo component ::after #11746

T-Y-i opened this issue Apr 25, 2024 · 0 comments
Labels
bug Something isn't working dev Needs some dev work

Comments

@T-Y-i
Copy link

T-Y-i commented Apr 25, 2024

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

image
image

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

@T-Y-i T-Y-i added bug Something isn't working dev Needs some dev work labels Apr 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working dev Needs some dev work
Projects
Status: No status
Development

No branches or pull requests

1 participant