ui5-avatar-group doesn't show button when wrapped by flexBox

[JosephineSu]

Hi all,

I wanna use avatarGroup to display align down avatar items. If AvatatGroup is wrapped by FlexBox, the button is not visible when the available space is less than the width required to display all avatars.
Could you please help figure out why this happens and how to solve ?

[ilhan007]

Hello @JosephineSu

does your FlexBox container/parent shrink according to the available width?

This is the first thing you have to check, because if the parent in not shrinking, the AvatarGroup won't shrink and overflow as well.

[JosephineSu]

Hi @ilhan007
FlexBox did shrink when I resize the window, but AvatarGroup didn't.

[ilhan007]

Then I think it is better to open an issue and create a small example so we can quickly reproduce it.

You can use codesandbox as a quick sample platform and here we have a small example that will help you start up quickly
or a live URL to your app that we can access.

Note: just update the dependency to 1.0.0-rc.11 (it uses RC.9 currently) to test against the latest

[JosephineSu]

Thank you @ilhan007. I change styles, In FlexBox container use a Div to wrap AvatarGroup, and set the style of Div: {overflow: auto; width: 100%} , Then it woks. No need to open issue.