Toastr: How to prevent fade out with sticky toast on mouseover?

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?

Answer 1

Set extendedTimeOut to 0 too. That will keep it sticky.

Answer 2

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>");

Answer 3

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
}