Input Suggestion List does not truncate

[allen138]

Describe the bug
If there is really long title or description in the list item, the popover will continue to expand and will only truncate the text when it spans 100% of the page width. It seems there is proper css in place to handle truncation, but this relies on its parent's width. This width should be derived from the input's width. From what I can see in the fiori guidelines is that the input and the suggestions should be the same width. Please see: https://experience.sap.com/fiori-design-web/input-field/#autocomplete-suggestions.

To reproduce
Steps to reproduce the behavior:

1. Go to https://sap.github.io/ui5-webcomponents/playground/components/Input/
2. Scroll down to the "Input with suggestions"
3. Open the console and override the mock ui5_database_entries by entering the following in the console

var ui5_database_entries = ["Argentinaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"];

4. Type "a" in the input to see the popover. Notice the text is not truncated.
5. You can inspect the popover and give it a width of 13.125rem to see that if it has a specified width, then the text becomes truncated.

Expected behavior
The popover width should be inherited from the inputs width to control truncation.

Screenshots
Current behavior:

Expected Behavior:

Context

• UI5 Web Components version: 0.21.8
• OS/Platform: Window 10
• Browser (if relevant): All