search

iamhosseindhv / notistack

Highly customizable notification snackbars (toasts) that can be stacked on top of each other
https://notistack.com
Other
3.93k stars 298 forks source link

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

Closed tomohiro-iwana closed 4 years ago

tomohiro-iwana commented 4 years ago

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 commented 4 years ago

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

tomohiro-iwana commented 4 years ago

Thank you so much!

RooyeKhat commented 3 years ago

Hi

In which version is this problem solved?

Thanks

neo-elgiz-abbasov commented 5 months ago

@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