-
Notifications
You must be signed in to change notification settings - Fork 173
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
Flushbar blocks bottom navigation interaction #69
Comments
Hi @thanksmister |
There is no easy fix for this issue. If I push an IgnorePointer in the overlay, you can't interact with the notification. I will continue to try a solution, but for now, I suggest that you use |
Hey @AndreHaueisen thanks for the update. I am afraid from the top also blocks the menu items for the same reason as the bottom nav bars are blocked. Is there a way to add an offset or distant value so that we don't have to use the aroundPadding to achieve this effect. |
Sorry, there isn't. Not yet at least. |
My workaround was to set isDismissible: false. |
Any update? I don't want to cover the bottom or top menu, so this is a huge bug for my design. Isn't it possible to make it come from the right or left side at a certain height? Setting |
setting |
I ran into a little issue with Flushbar. Unlike the snackbar, when you set it to be above the navigation bar (using
aroundPadding
), you cannot interact with the navigation. Flushbar seems to be blocking the navigation bar interaction when floating on top.Here is a sample of my UI and the blocked navigation bar:
Here is my Flushbar code:
I am using
flushbar: ^1.7.0
I imagine that the issue is using
aroundPadding
to give Flushbar an offset as you would the snackbar (well it already does this when shown). I know Material design guidelines (https://material.io/design/components/snackbars.html#usage) suggest that the snackbar never hide navigation, so perhaps a feature missing is an offset setting so I can float the bar a certain distance from the top or bottom, rather than usearoundPadding
.I may also be missing a feature that does this already. Perhaps there is a trick to adding this to a different container component so it is positioned above the bottom navigation bar?
Thanks!
The text was updated successfully, but these errors were encountered: