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

Table: text is truncated in 320px #6940

Open
1 task done
wilson-xu-sap opened this issue Feb 13, 2025 · 3 comments
Open
1 task done

Table: text is truncated in 320px #6940

wilson-xu-sap opened this issue Feb 13, 2025 · 3 comments

Comments

@wilson-xu-sap
Copy link

Describe the bug

Image

text is truncated in 320px

Isolated Example

https://stackblitz.com/edit/github-g4lmch6p-ncnr3ml6?file=src%2FApp.tsx

Reproduction steps

set the viewport to 320px.

Expected Behaviour

text should not be truncated

Screenshots or Videos

No response

UI5 Web Components for React Version

2.7

UI5 Web Components Version

2.7

Browser

Edge

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

  • I’m not disclosing any internal or sensitive information.
@Lukas742
Copy link
Contributor

Hi @wilson-xu-sap

I'm not sure what you mean. Both the StackBlitz example and your screenshot show default wrapping behavior. In case you want to change that you can use CSS.

@wilson-xu-sap
Copy link
Author

Hi @Lukas742 The text in table is truncated. (both in headers and cells)

@Lukas742
Copy link
Contributor

Lukas742 commented Feb 13, 2025

Sorry, but I'm still not sure what you mean with "truncated", do you mean that some words are overflowing the cell? If so, this is the default behavior for word-break. In case you want to change that you can adjust the styles accordingly.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 🆕 New
Development

No branches or pull requests

2 participants