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

On examples of documentation, on Custom Snackbar, if you open two snackbars and expend one, it will overlap the other #132

Closed
conmeconte opened this issue Jun 11, 2019 · 1 comment · Fixed by #167

Comments

@conmeconte
Copy link

Expected Behavior

When one of the snackbar is expended, the other snackbar should reposition to not overlap with the expended snackbar

Current Behavior

When there are two expendable snackbars and one is expended, it overlaps the other

Steps to Reproduce

Go to https://iamhosseindhv.com/notistack/demos#custom-snackbar. On custom snackbar demo, click the button to open two snackbars(you might have to click twice within short time interval to have two snackbars on the screen).
Expend the bottom snack bar.
You will see that the expended snackbar is overlapped with the other snackbar.

Context

I have a need to display two expendable snackbars on the same screen, and because of this issue, the title or content of the individual snackbar is blocked.

Your Environment

Tech Version
Notistack v0.8.6
React 16.8.5
Browser Chrome Version 74.0.3729.169 (Official Build) (64-bit)
etc.
@iamhosseindhv
Copy link
Owner

#167

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