Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Toasts prevent clicking of background elements

See original GitHub issue

The way it is now, the menu behind the toast is unclickable.

The following style complements it and fixes the issue. Just add it to your own .css file or in the future it could make it into a new toastr version. 😃

.toast-top-center
{
    width: 300px;
    margin: 0 auto;
    left: 0;
}

Issue Analytics

State:
Created 9 years ago
Reactions:4
Comments:15 (8 by maintainers)

Top GitHub Comments

3reactions

rmunoz10commented, Oct 15, 2020

Still an issue in latest version

1reaction

galvarez421commented, Sep 16, 2019

The fix in https://github.com/CodeSeven/toastr/pull/269 was not incorporated into the Sass file.

Top Results From Across the Web

Bootstrap toast moves all elements - Stack Overflow

I am developing a website and would like a bootstrap toast to appear in the top right corner which already happens however ...

Toasts · Bootstrap v5.0

Toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems.

How to Prevent duplicate toast display in Angular ... - Syncfusion

Here below sample demonstrates preventing duplicate title Toast element displaying, with custom code blocks.

Building a toast component - web.dev

Toasts are not interactive, tapping or swiping on them doesn't do anything, but they do currently consume pointer events. Prevent the toasts ......

How to Use Bootstrap 5 Toast Component - Tutorial Republic

Additionally, toasts are opt-in for performance reasons, so you must initialize them yourself with toast() method. Also, toasts will automatically hide after ...