diff --git a/package-lock.json b/package-lock.json index 8cdeeb5..8406e79 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2121,7 +2121,6 @@ "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", "dev": true, - "optional": true, "requires": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -2174,7 +2173,6 @@ "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz", "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==", "dev": true, - "optional": true, "requires": { "big.js": "^5.2.2", "emojis-list": "^3.0.0", @@ -2228,7 +2226,6 @@ "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.2.0.tgz", "integrity": "sha512-TitGhqSQ61RJljMmhIGvfWzJ2zk9m1Qug049Ugml6QP3t0e95o0XJjk29roNEiPKJQBEi8Ord5hFuSuELzSp8Q==", "dev": true, - "optional": true, "requires": { "chalk": "^4.1.0", "hash-sum": "^2.0.0", @@ -12904,9 +12901,9 @@ } }, "ssri": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz", - "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.2.tgz", + "integrity": "sha512-cepbSq/neFK7xB6A50KHN0xHDotYzq58wWCa5LeWqnPrHG8GzfEjO/4O8kpmcGW+oaxkvhEJCWgbgNk4/ZV93Q==", "dev": true, "requires": { "figgy-pudding": "^3.5.1" diff --git a/src/components/VStep.vue b/src/components/VStep.vue index 3800522..098037b 100644 --- a/src/components/VStep.vue +++ b/src/components/VStep.vue @@ -177,14 +177,16 @@ export default { removeHighlight () { if (this.isHighlightEnabled()) { const target = this.targetElement - const currentTransition = this.targetElement.style.transition - this.targetElement.classList.remove(HIGHLIGHT.classes.targetHighlighted) - this.targetElement.classList.remove(HIGHLIGHT.classes.targetRelative) - // Remove our transition when step is finished. - if (currentTransition.includes(HIGHLIGHT.transition)) { - setTimeout(() => { - target.style.transition = currentTransition.replace(`, ${HIGHLIGHT.transition}`, '') - }, 0) + if (target) { + const currentTransition = this.targetElement.style.transition + this.targetElement.classList.remove(HIGHLIGHT.classes.targetHighlighted) + this.targetElement.classList.remove(HIGHLIGHT.classes.targetRelative) + // Remove our transition when step is finished. + if (currentTransition.includes(HIGHLIGHT.transition)) { + setTimeout(() => { + target.style.transition = currentTransition.replace(`, ${HIGHLIGHT.transition}`, '') + }, 0) + } } } },