Conflict between iziToast and iziModal

[Ramin-Bateni]

I used both iziToast and iziModal in a project but I think there are some conflict between them.

For example:

If I put iziToast.css below the iziModal.css it cause negative side effects on the animation of the background overlay of the opened modal [when i want close the modal].

and

If i put iziModal.css below the iziToast.css it cause negative side effects on opend notification (the title of notification is hide)!

You can see side effect of iziModal on title of iziToast in the bellow image (100% key-frame has zero opacity then it hide the title of toast notification):

Is there a patch for these conflicts?
Or should I use these tools with some special order and configs in this cases?

In addition: Hey @Dolce , I think your plugins are awesome! Bravo!

[marcelodolza]

Thanks @Ramin-Bateni! I'll analyze! 👊

[marcelodolza]

@Ramin-Bateni
Could you test, please?
iziModal + iziToast.zip

[Ramin-Bateni]

Of course, I tested it. 😉
It seems the problems are solved and the toast notifications and modals appears and hides properly (I wrote iziModal.css after iziToast.css in my test).
Thank you..

Apart from this issue:
A) I see 2 error in the Chrome console when I mouse over and mouse leave a toast notification:

B) Also I recommend Tahoma font for RTL languages. It is most popular font in the RTL websites.
For example 'Lato' and arial are exactly same view in Persian and Arabic languages and Tahoma has very better view than them to show Persian and Arabic words (RTL languages).

.iziToast-rtl {
    /*other styles here*/
   font-family: tahoma,'Lato',arial;
}
.iziToast-rtl .iziToast-body strong {
    /*other styles here*/
    font-size: 11px;
}
.iziToast-rtl .iziToast-body p {
    /*other styles here*/
    font-size: 11px;
}

Also I recommend Tahoma as default font every where in your plugins (iziToast & iziModal &...) for RTL mode.

Is it possible to you fix them?

[marcelodolza]

Yes, but I'm not seeing these errors in the console.
What are your settings?

[Ramin-Bateni]

I tested both normal and minified versions of the js file. Both work the same way.

I found the error condition.
Please test it with timeout : 0 or timeout : false option.

iziToast.info({
	title:"My Title"
	,description:"My Description"
	,timeout : 0
});

[marcelodolza]

Now I've been able to replicate the issue.
See if it's working..
iziToast v1.2.0.zip

[Ramin-Bateni]

Now it's OK
Thank you...