-
Notifications
You must be signed in to change notification settings - Fork 361
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
Toast keeps scrolling with page #955
Comments
Hello @msandwidi , I had a very similar setup and exactly the same issue as you. Just solved it by adding the following style after the Toastr CSS file call: @import "ngx-toastr/toastr";
.toast-container {
position: fixed;
.ngx-toastr {
margin-top: 6px;
}
} I'm not sure if it is the most appropriate solution for this bug but it's working for me. :) |
Thanks @fbanyai it works for me but i had to add !important in position fixed |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hello everyone. Thank you all for keeping this package running. I am using ngx-toastr in one of my projects and it works great except that I have configured it to show at the bottom right corner. It does show at the bottom right corner for short pages. And for long pages, The toast either scrolls with the page or appear at a location that is not on the screen. I would like it to show at the same position on any screen.
my configuration does not have anything fancy.
Here is the module declaration. This is exported from a shared module into app.module
Here is one of the components. In this component, the toast just shows at the top off-screen and scrolls with the page.
Here is an example it that can help
Environment:
angular@12
[email protected]
Thank you in advance
The text was updated successfully, but these errors were encountered: