Set extendedTimeOut
to 0 too. That will keep it sticky.
Toastr: How to prevent fade out with sticky toast on mouseover?
-
02-06-2022 - |
Question
I've been playing with toastr and have successfully set the timeout to 0 so the toast remains sticky, however the toast disappears when I mouse out of the toast. I'd like to override this so the toast only goes away if the user clicks it - ideal for toasts with lots of text. How can this be done?
Solution
OTHER TIPS
timeOut
and extendedTimeOut
must be set to 0
.
Here is a complete example:
toastr.options = {
timeOut: 0,
extendedTimeOut: 0
};
toastr.info("Testing <button>blah</button>");
For those who wish to not close the toast on click, the example changes to:
toastr.options = {
timeOut: 0,
extendedTimeOut: 0,
tapToDismiss: false
};
toastr.info("Testing <button>blah</button>");
you could also use disableTimeOut
as an alternative to setting both timeOut
and extendedTimeOut
to 0.
toastr.options = {
disableTimeOut : true, //Equivalent ot timeOut: 0 and extendedTimeOut: 0
}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow