When I click on success multiple time, it creates multiple messages and appends it on the bottom of last.

What I want is to replace the first message with the second message.

Can I do that?

Does it have any option for it?

It should replace the old message with the new message in the same position.

Because when I call an APIs if an error occurred it displays all error appended to each other which looks ugly.

I'm a message trigger, two messages are coming at the same time, and two prompts pop up at the same time, but after a certain amount of time, there's another one that won't automatically close

Hello,

Since upgrading to 1.2, I can't find a way to properly import izitoast in a typescript file.

I would like to be able to use a simple import {IziToast} from 'izitoast';

but now I get error messages either when transpiling to javascript (izitoast doesn't export IziToast) or at runtime (no method 'success' of undefined) whatever type of import I'm using:

** import {IziToast} from 'izitoast'; import * as IziToast from 'izitoast'; import IziToast from 'izitoast'; import IziToast = require('izitoast'); **

Do you thing there is a correct way to do that that I cannot find or shall I revert back to v1.1.5? Thanks a lot!

I've noticed iziToast title and message were fading out when called. Then I changed the order of css links and it normalized, however iziModal assumed the behavior of iziToast.

Maybe same class used to both?

Hi. Thanks for the excellent work.

A question. How can I interact with the instance? I need to stop the timer from another element. Is there any method?

Dear iziToast devs,

Firstly, Thank you very much for this awesomeness !

( v1.1.5 ) After some time I've noticed that this awesome plugin doesn't show a notification as long as needed. As example after execution of code below it will be shown about 53 seconds, not 60. Is it ok ?

var value = 60;
iziToast.error( {
       id: 'type' + type,
       title: 'Error',
       message: 'Wait '+value+' seconds',
       timeout: ( value * 1000 ),
       toastOnce: true
     } );

Best regards, V7

Hi Is your code support utf-8 chars like this code ? :

iziToast.show({
	title: '...',
	message: "در حال یافتن",
	rtl: true
});

The above code show this error :

InvalidCharacterError: String contains an invalid character

Hi there,

First of all, loving the library; so far the only thing that I've not been able to get working is to use my own SVG icons instead of an icon font with this library.

I got to the point where I am passing these parameters:

        icon: 'icon-placeholder',
        iconText: function () {
          return require(`~/assets/svg/icons/check.svg`)
        },

Sadly this does not work since the iconText login in Izitoast injects a text node rather then just appending the HTML.

I think it would be a relatively small change, and would make the entire thing a lot more customisable.

After update to 1.3, the code to hide the toast after a a yes/no button click no longer works. This error is thrown.

iziToast.min.js:6 Uncaught TypeError: Cannot read property 'add' of undefined at Object.e.hide (iziToast.min.js:6) at ciscoconsole.min.js:1 at HTMLButtonElement. (iziToast.min.js:6)

Hey,

I have the error Uncaught ReferenceError: iziToast is not defined.

My Code from example:

<script> iziToast.show({ title: 'Hey', message: 'What would you like to add?' }); </script>

Thanks for help!

In this PR:

• Including typings location in package.json for import to work.
• Moved typins to folder ./types for convention. Ex.: Pic1 and Pic2
• Adjustments in typings export for correct module import. Ex.: import IziToast, { IziToastPosition, IziToastSettings, IziToastTransitionIn, IziToastTransitionOut } from 'izitoast';

|Pic1|Pic2| |:-:|:-:| |||

First of all, thank you for developing such a good plugin.

We are developing the use of CONFIRM window using iziToast. However, when the Yes or No button is opened, I want the button to be pressed by pressing the Enter key or the space bar without selecting the mouse click.

How can I implement this feature? We look forward to your help. Thank you.

Hallo @ all, izitoast works great but the progress-bar stops for a moment .. sometimes for 2 seconds. it´s not running continuously. any idea for cleaning this ....?

best regards

willy kobold

Version 1.4.0 seems to be getting "old" and now Chrome is complaining that:

A page or script is accessing at least one of navigator.userAgent, navigator.appVersion, and navigator.platform. In a future version of Chrome, the amount of information available in the User Agent string will be reduced. To fix this issue, replace the usage of navigator.userAgent, navigator.appVersion, and navigator.platform with feature detection, progressive enhancement, or migrate to navigator.userAgentData.

Perhaps without an update iziToast will soon not work?

Hello IZI Team, I cannot use sweet iziToast in my Svelte project.

✔ service worker (10ms)
webpack:///./node_modules/izitoast/dist/js/iziToast.js?:22
                BODY = document.querySelector('body'),
                       ^

ReferenceError: document is not defined
    at eval (webpack:///./node_modules/izitoast/dist/js/iziToast.js?:22:10)
    at eval (webpack:///./node_modules/izitoast/dist/js/iziToast.js?:8:74)
    at eval (webpack:///./node_modules/izitoast/dist/js/iziToast.js?:13:3)
    at Object../node_modules/izitoast/dist/js/iziToast.js (C:\repos\competitive\__sapper__\dev\server\server.js:97:1)
    at __webpack_require__ (C:\repos\competitive\__sapper__\dev\server\server.js:21:30)
    at eval (webpack:///./src/routes/index.svelte?:7:66)
    at Module../src/routes/index.svelte (C:\repos\competitive\__sapper__\dev\server\server.js:349:1)
    at __webpack_require__ (C:\repos\competitive\__sapper__\dev\server\server.js:21:30)
    at eval (webpack:///./src/node_modules/@sapper/internal/manifest-server.mjs?:8:78)
    at Module../src/node_modules/@sapper/internal/manifest-server.mjs (C:\repos\competitive\__sapper__\dev\server\server.js:205:1)
> Server crashed