Merge pull request #109 from AdamDrewsTR/clip-path

GlobalHive · web-flow · commit 583188d606f5 · 2025-12-17T17:32:39.000+01:00
fix: reset clip-path when highlighting is disabled in VTour component
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -67,7 +67,9 @@
   },
   "dependencies": {
     "jump.js": "^1.0.2",
-    "nanopop": "^2.4.2",
+    "nanopop": "^2.4.2"
+  },
+  "peerDependencies": {
     "vue": "^3.5.22"
   },
   "devDependencies": {
diff --git a/src/components/VTour.vue b/src/components/VTour.vue
@@ -445,6 +445,8 @@ const updateHighlight = (): void => {
 
   // Check if highlighting is disabled or no step data
   if (!currentStepData || (!props.highlight && !currentStepData.highlight)) {
+    // Reset clip-path when highlighting is disabled
+    getClipPath.value = '';
     return;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -445,6 +445,8 @@ const updateHighlight = (): void => {`
`445`	`445`
`446`	`446`	`// Check if highlighting is disabled or no step data`
`447`	`447`	`if (!currentStepData \|\| (!props.highlight && !currentStepData.highlight)) {`
	`448`	`+ // Reset clip-path when highlighting is disabled`
	`449`	`+ getClipPath.value = '';`
`448`	`450`	`return;`
`449`	`451`	`}`
`450`	`452`