Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[AvatarGroup] Clickable "ellipsis" #27677

Open
itsshajad opened this issue Aug 10, 2021 · 5 comments
Open

[AvatarGroup] Clickable "ellipsis" #27677

itsshajad opened this issue Aug 10, 2021 · 5 comments
Labels
component: avatar This is the name of the generic UI component, not the React module! new feature New feature or request

Comments

@itsshajad
Copy link

itsshajad commented Aug 10, 2021

Unable to click last item on Avatar Group
how do I solve this problem ?

@itsshajad itsshajad added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Aug 10, 2021
@eps1lon
Copy link
Member

eps1lon commented Aug 10, 2021

It doesn't look like this bug report has enough info for one of us to reproduce it.

Please provide a CodeSandbox (https://material-ui.com/r/issue-template-next), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.

Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve

@eps1lon eps1lon added component: avatar This is the name of the generic UI component, not the React module! status: waiting for author Issue with insufficient information and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Aug 10, 2021
@itsshajad
Copy link
Author

okay here is example https://codesandbox.io/s/material-demo-forked-wyoby?file=/demo.js unable click on last item

@eps1lon
Copy link
Member

eps1lon commented Aug 10, 2021

Thanks for the report.

That is expected behavior since you render more Avatars than are displayed by default. The clickable Avatar is currently not displayed

Avatars are not considered to be clickable. Though a clickable elipsis might make sense (e.g. to expand or display other information).

@eps1lon eps1lon added new feature New feature or request and removed status: waiting for author Issue with insufficient information labels Aug 10, 2021
@eps1lon eps1lon changed the title unable to click last item on Avatar Group [AvatarGroup] Clickable "ellipsis" Aug 10, 2021
@itsshajad
Copy link
Author

okay now client says I want to open a popup on clicking last ellipses and show all the ellipses into popup

@NaveenMohanty
Copy link

Hey! @itsshajad I got some solutions for your problem https://codesandbox.io/embed/material-demo-forked-qssq5?fontsize=14&hidenavigation=1&theme=dark check this out.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: avatar This is the name of the generic UI component, not the React module! new feature New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants