Web component Multi-select has pseudo element ::after with content: '' instead of content: none

[T-Y-i]

Description

The pseudo-elements that come with some components, including multi-select, has a wrong default value of content: '' instead of content: none, thus showing unintended graphics.

e.g. for multi-select, there is a line behind the black "pill"

Component(s) impacted

multi-select, and any components which use pseudo-elements ::after or ::before with content: ''

Browser

Chrome

Carbon for IBM.com version

v2.11.1

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

Package

@carbon/web-components

CodeSandbox example

https://web-components.carbondesignsystem.com/?path=/story/components-multi-select--playground

Steps to reproduce the issue (if applicable)

It is reproducible in https://web-components.carbondesignsystem.com/?path=/story/components-multi-select--playground already.

Release date (if applicable)

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate issues