diff --git a/component.json b/component.json index ac29c6c..a7f110f 100644 --- a/component.json +++ b/component.json @@ -7,6 +7,7 @@ "ui" ], "dependencies": { + "anthonyshort/after-transition": "0.0.2", "component/emitter": "1.0.0", "component/dom": "0.7.0" }, diff --git a/index.js b/index.js index 0327f75..9b1215c 100644 --- a/index.js +++ b/index.js @@ -4,6 +4,7 @@ */ var Emitter = require('emitter'); +var after = require('after-transition'); var tmpl = require('./template'); var o = require('dom'); @@ -100,12 +101,12 @@ Overlay.prototype.hide = function(){ */ Overlay.prototype.remove = function(){ - var self = this; this.emit('close'); - this.el.addClass('hide'); - setTimeout(function(){ - self.el.remove(); - }, 2000); + var el = this.el; + el.addClass('hide'); + after(el.get(0), function () { + el.remove(); + }); return this; };