@ulu/frontend-vue 0.6.28 → 0.6.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -141,6 +141,11 @@
|
|
|
141
141
|
// the popover across the screen causing `wasClickOutside` (bounding rect check) to fail.
|
|
142
142
|
if (contentEl.value.contains(event.target)) return;
|
|
143
143
|
|
|
144
|
+
// Ignore clicks that originate from within the Tour UI.
|
|
145
|
+
// This prevents the user's background popovers/dropdowns from
|
|
146
|
+
// collapsing when they interact with the Tour (e.g., clicking 'Next')
|
|
147
|
+
if (event.target.closest('[data-ulu-tour-ui]')) return;
|
|
148
|
+
|
|
144
149
|
if (wasClickOutside(contentEl.value, event)) {
|
|
145
150
|
// If the click is on the trigger itself, we let the trigger handle toggling
|
|
146
151
|
if (props.trigger instanceof HTMLElement && props.trigger.contains(event.target)) {
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
<component
|
|
7
7
|
v-if="currentStep?.component"
|
|
8
8
|
:is="currentStep.component"
|
|
9
|
+
data-ulu-tour-ui="true"
|
|
9
10
|
v-bind="currentStep.componentProps"
|
|
10
11
|
/>
|
|
11
12
|
|
|
@@ -13,6 +14,7 @@
|
|
|
13
14
|
<UluModal
|
|
14
15
|
v-else-if="!currentStep?.target"
|
|
15
16
|
:modelValue="true"
|
|
17
|
+
data-ulu-tour-ui="true"
|
|
16
18
|
v-bind="resolvedModalProps"
|
|
17
19
|
@close="api.stop()"
|
|
18
20
|
>
|
|
@@ -36,6 +38,7 @@
|
|
|
36
38
|
:config="resolvedConfig"
|
|
37
39
|
:style="{ zIndex: 9999 }"
|
|
38
40
|
:isOpen="true"
|
|
41
|
+
data-ulu-tour-ui="true"
|
|
39
42
|
@close="api.stop()"
|
|
40
43
|
v-bind="resolvedPopoverProps"
|
|
41
44
|
>
|
|
@@ -56,6 +59,7 @@
|
|
|
56
59
|
v-if="currentStep?.target && currentStep?.highlight && targetRect"
|
|
57
60
|
class="tour-highlight-backdrop"
|
|
58
61
|
:style="highlightStyles"
|
|
62
|
+
data-ulu-tour-ui="true"
|
|
59
63
|
@click="api.stop()"
|
|
60
64
|
></div>
|
|
61
65
|
</template>
|
package/package.json
CHANGED