MultiComboBox gets an ugly additional scroll bar in its drop down with content density = cozy

[vlad-ti]

Describe the bug
see bug title

To Reproduce
Go to: https://sap.github.io/ui5-webcomponents-react/?path=/docs/inputs-multicombobox--default-story
Select content density = cozy
When Click on the MultiComboBox sample to open its drop down list
Then you will see the ugly scroll bar
When you make the browser window small enough, so that not MultiBomboBoxItems can be shown at once in the dropdown menu
Then you will see the true scroll bar of the drop down + plus the second ugly looking one.

Expected behavior
The ugly looking scroll should not appear

Screenshots

UI5 Web Components for React Information
@ui5/webcomponents version: 0.23.0
@ui5/webcomponents-react version: 0.23.0
Operating System: Windows
Browser: Chrome

Additional context
The problem did not exist in 0.21.5

[MarcusNotheis]

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

[unazko]

Hello @SAP/ui5-webcomponents-topic-rl,

The issue is reproducible via the described by @vlad-ti steps and in the react playground sample.
In order to reproduce the double vertical scrollbar issue you would have to reduce the browser window height so that when the
ui5-multi-combobox select dialog gets opened it won't have enough space to display fully in the window.

Best Regards,
Boyan Rakilovski

[MFel0123]

Hello ui5-webcomponent colleagues,
I can only confirm that we also see the ugly scrollbar(s) in our app- exactly as you described it here. Seems that we cannot easily get rid of them on our own.
If you can treat this with a higher priority we would be very happy. And the customers as well, for sure.
Best Regards
Matthias

[MapTo0]

Dear @MFel0123 @vlad-ti

Could you please assist reproducing this in a isolated example so I can speed up processing?
Starting point: https://codesandbox.io/s/nifty-allen-xeboby?file=/index.html

Regards,
Martin

[MFel0123]

Hello Martin,
as described above there is already an example given by @vlad-ti in the description.
You can also directly see it here: https://sap.github.io/ui5-webcomponents/playground/components/MultiComboBox/
Then go to the "MultiComboBox with items". Open it and you see the unneeded scrollbar.

press on this scrollbar, open "inspect" in the debugger tools and add 2px in the height of the corresponding ui5-list element. Then the scrollbar is gone. It seem that these 2px are missing.

Best Regards
Matthias