ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

ShellBar : Screen title is truncated on resizing the screen to 200%.

Open DikshaHub opened this issue 8 months ago • 4 comments

Describe the bug

When the screen zoomed in to 200%, the title gets truncated.

Isolated Example

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

Reproduction steps

  1. Open the isolated example.

  2. On the top right click on 'Open preview in new tab'. A new tab with UI will be opened with the isolated example. (https://githubwcwdguf5wwkv-tr3y--5173--dc4d7514.local-credentialless.webcontainer.io/ )

  3. Resize the screen to 200 %.

  4. The screen title "SAP New Project Here," gets truncated when screen zoomed in to 200%.

Expected Behaviour

Truncation should be avoided on resizing the screen to 200%.

Screenshots or Videos

image

UI5 Web Components for React Version

~1.29.0

UI5 Web Components Version

~1.24.0

Browser

Chrome

Operating System

Mac

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

  • [X] I’m not disclosing any internal or sensitive information.

DikshaHub avatar Jun 25 '24 07:06 DikshaHub