ui5-shellbar: truncated text in popovers is not visible

Bug Description

The ui5-li in popovers of ui5-shellbar do not show the full text to the sighted user in some way.
Affects menu popover, overflow shellbar items popover.
Hover does not reveal the full text.

Expected Behavior

User should be able to view the full non-truncated text in some way.

Steps to Reproduce

1. Go to https://sap.github.io/ui5-webcomponents/playground/components/ShellBar/
2. Reduce screen width
3. Append to the text content for a slotted [slot="menuItems"] so that it would overflow in the menu popover
4. Open menu

Isolated Example

https://codesandbox.io/s/ui5-webcomponents-forked-wi8vzt?file=/index.html

Context

• UI5 Web Components version: 1.7.1
• OS/Platform: MacOS 12.5.1
• Browser: Chrome Version 105.0.5195.125 (Official Build) (x86_64)
• Affected component: ui5-shellbar, ui5-li

Log Output / Stack Trace / Screenshots

Priority

• Low
• Medium
• High
• Very High

The priority indicates the severity of the issue. To set the appropriate priority consider the following criteria:

• Breaks entire application or system - High or Very High
• Accessibility issue - Medium or High
• Functional issue - Medium or High
• Visual issue - Low or Medium

Note: The priority might be re-evaluated by the issue processor.

Stakeholder Info (if applicable)

• Organization: SuccessFactors
• Business impact: Affects usage with high zoom / mobile view / languages with longer phrases/characters