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

Snackbar is not at the center of the window when narrowing width. #232

Closed
tomohiro-iwana opened this issue Mar 9, 2020 · 4 comments
Closed

Comments

@tomohiro-iwana
Copy link

tomohiro-iwana commented Mar 9, 2020

Expected Behavior

Snackbar is at the center of the window at all width.

anchorOrigin={{
    vertical: 'top',
    horizontal: 'center',
}}

Current Behavior

Snackbar is not at the center of the window but leaning to the left when narrowing width.

anchorOrigin={{
    vertical: 'top',
    horizontal: 'center',
}}

https://iamhosseindhv.com/notistack/demos

min-width 960px

image

min-width 600px max-witdh 960px

image

max-width 600px

image

Environment

Also, reproduced in my local application.

Tech Version
notistack v0.9.9
React v16.12.0
Browser Chrome
@iamhosseindhv
Copy link
Owner

@tomohiro-iwana Thanks for opening the issue. This is fixed and will be released in the next version.

@tomohiro-iwana
Copy link
Author

Thank you so much!

@RooyeKhat
Copy link

Hi

In which version is this problem solved?

Thanks

@neo-elgiz-abbasov
Copy link

@iamhosseindhv I think this is broken again?

I see the fix you implemented in this PR applies centering to xs but the current latest I believe is reverted back to only applying from width 600px

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

4 participants