[popover]: [Header gets truncated when text size is 200%]

[abhi091000]

Describe the bug

Whenever text size is made 200%, the UI gets truncated i,e the Header is not fully visible as referred in the SS and also column names are also collapsed

Isolated Example

https://stackblitz.com/edit/github-j9ajaufr?file=src%2FApp.tsx,package.json

Reproduction steps

...

Expected Behaviour

No response

Screenshots or Videos

No response

UI5 Web Components for React Version

1.17.3

UI5 Web Components Version

1.17.0

Browser

Chrome

Operating System

Windows

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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

[Lukas742]

Hi @abhi091000

please add a clear description of the problem you encountered. It is not clear to me what bug you're experiencing as the content of the popover is defined by you. Also, please isolate the problem, adding components that aren't required to reproduce the bug only make processing and investigating the issue much harder.

Also, could you let me know if you considered the suggestion I gave you here and, if so, tell me why it isn't sufficient?

For a better mobile experience, you can use the ResponsivePopover. Since the content is arbitrary, responsibility of it has to be ensured on app side.