Skip to content

[Bug]: Code snippet doesn't show the latest three symbols in multiline mode #19409

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

Open
2 tasks done
serhiiHalkovskyiIBM opened this issue May 16, 2025 · 1 comment
Open
2 tasks done

Comments

@serhiiHalkovskyiIBM
Copy link

Package

@carbon/react

Browser

No response

Package version

1.72.0

React version

19

Description

Copy button overlaps the ending of text

Reproduction/example

https://stackblitz.com/edit/github-xtwkgfba?file=src%2FApp.tsx&preset=node=

Steps to reproduce

  1. Import CodeSnippet component
  2. Pass type - multi and some long string. For example -
FLP-107 - FLP-107 The following data types detected in file 'TAXI_WEEK_2_20COLS.csv' for the given columns are not supported: ' type= TIME column = COLUMN22, type = TIME column = COLUMN27, type = BIT column = COLUMN35, type = BIT column = COLUMN36, type = BIT column =COLUMN39'.

###Actual
The latest three symbols are hidden under copy button

Expected

The full string should be available for users

Suggested Severity

None

Application/PAL

No response

Code of Conduct

@annawen1
Copy link
Member

Would like to get some design input on this issue

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