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

Multiple Snackbars always left aligned #373

Closed
whytspace opened this issue Apr 28, 2021 · 2 comments
Closed

Multiple Snackbars always left aligned #373

whytspace opened this issue Apr 28, 2021 · 2 comments

Comments

@whytspace
Copy link
Contributor

Current Behavior

When showing multiple Snackbars of different width, they are always left aligned in their container:

multiple-1

Expected Behavior

Snackbar alignment should be determined by anchorOrigin.horizontal

multiple-2

https://codesandbox.io/s/serene-shadow-0hlb4?file=/App.js

  1. Click the "short message" button
  2. Clock the "longer message" button

Context

Sometimes I need to display Snackbars with more content than just a few words. Especially then it comes to i18n text length is quite unpredictable.

Your Environment

Tech Version
Notistack v1.0.5
React v16.13.1
@iamhosseindhv
Copy link
Owner

Thanks for reporting the issue @whytspace. This is now fixed in v1.0.7. I'd appreciate if you could confirm.

@whytspace
Copy link
Contributor Author

@iamhosseindhv
I can confirm, works like charm now 👍

Thanks a lot for your great work!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants