chrisgo/bootstrap5-toast

Makes Bootstrap 5.x Toasts easier to use

bootstrap5-toast's Issues

Add "primary" background

Maybe should add the primary background too - in "render":

        case 'primary':
            classes.header.bg = $.toastDefaults.style.info || 'bg-primary';
            classes.header.fg = $.toastDefaults.style.info || 'text-white';
            break;

Misspell

toasy.js:120,

it is:
_dimissable = '';

it should be:
_dismissable = '';

Delay not working because wrong attribute

Maybe the delay shoule be more flexible.

instead of:

    let delayOrAutohide = opts.delay ? `data-delay="${opts.delay}"` : `data-autohide="false"`;

maybe:

    let delayOrAutohide = opts.delay ? `data-delay="${opts.delay}"` : `data-bs-autohide="false"`;

Toast is immediately hidden if `delay` is omitted

The doc implies that delay argument can be omitted, and the toast will stay until manually dismissed:

Note: The final argument delay is omitable. If omitted, the toast will remain forever.

This does not seem to be the case... For example:

// This works, toast is shown and hidden after delay
$.toast({type: "error", title: "Test", content: "test", delay: 3000})

// This does not work - toast is hidden immediately after being shown (so it never even appears on screen)
$.toast({type: "error", title: "Test", content: "test"})

This piece of code runs right after the toast is shown:

setTimeout(function () {
    if (!paused) {
        $(`#${id}`).toast('hide');
    }
}, opts.delay);

If delay is omitted, opts.delay here is undefined, so setTimeout fires immediarely, and as paused is false, the toast is immediately hidden...

Even more confusingly, same code/bug is also present in the original library.. with the last commit years ago (.. how am I the first one discovering this?).