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

[Bug]: [Tag] [high-contrast] - Text color issue on truncated tags with "high-contrast" variant in g100 theme #18062

Open
2 tasks done
2nikhiltom opened this issue Nov 13, 2024 · 1 comment

Comments

@2nikhiltom
Copy link
Contributor

2nikhiltom commented Nov 13, 2024

Package

@carbon/react

Browser

No response

Package version

1.70.0

React version

18.3.1

Description

If a tag is long and switches to the truncated version then the tag displays an incorrect text color deviating from the high-contrast color scheme applied
Image

Reproduction/example

https://stackblitz.com/edit/github-6fprgk-u6iecd?file=src%2FApp.jsx

Steps to reproduce

use a tag with high-contrast with a long text

<Tag type="high-contrast">
        This is a very, very, very, long tag This is a very, very, very, long text     
 </Tag>

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

@2nikhiltom 2nikhiltom changed the title [Bug]: [Tag] [high-contras] - Text color issue on truncated tags with "high-contrast" variant in g100 theme [Bug]: [Tag] [high-contrast] - Text color issue on truncated tags with "high-contrast" variant in g100 theme Nov 13, 2024
@MichCest
Copy link

One thing worth mentioning - the issue exists in all of the other themes as well, it just isn't quite as obtrusive in white or g10 as it is in g90 or g100.

Image

@2nikhiltom 2nikhiltom moved this to ⏱ Backlog in Design System Nov 15, 2024
@2nikhiltom 2nikhiltom added the severity: 2 https://ibm.biz/carbon-severity label Nov 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: ⏱ Backlog
Development

No branches or pull requests

2 participants