search

alexcrack / angular-ui-notification

Angular.js service providing simple notifications using Bootstrap 3 styles with css transitions for animating
MIT License
536 stars 169 forks source link

Changing time on css doesn't destroy notification element on body #104

Open celsomtrindade opened 7 years ago

celsomtrindade commented 7 years ago

I was modifying your css to match my page styles and I noticed if I change the time inside .ui-notification.killed will make the element not being destroyed from the body.

This is the time I'm updating:

.ui-notification.killed {
    /* This one doesn't work */
    -webkit-transition: opacity ease 350ms;
    -o-transition: opacity ease 350ms;
    transition: opacity ease 350ms;
    opacity: 0;
}

I've made a plunkr to demonstrade this problem: http://plnkr.co/edit/42f1DFpCJeH02oRqFzOi

Click the button then inspect the html, notice how the ui-notification html element is still on the page after it fades out the animation.