Added 'disableActiveInteraction' per step. (#534)

kamranahmedse · Jan 20, 2025 · e43c081 · e43c081
1 parent d921c63
commit e43c081
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/docs/src/content/guides/configuration.mdx b/docs/src/content/guides/configuration.mdx
@@ -42,6 +42,7 @@ type Config = {
   allowKeyboardControl?: boolean;
 
   // Whether to disable interaction with the highlighted element. (default: false)
+  // Can be configured at the step level as well
   disableActiveInteraction?: boolean;
 
   // If you want to add custom class to the popover
@@ -197,6 +198,9 @@ type DriveStep = {
   // Look at the Popover Configuration section
   popover?: Popover;
 
+  // Whether to disable interaction with the highlighted element. (default: false)
+  disableActiveInteraction?: boolean;
+
   // Callback when the current step is deselected,
   // about to be highlighted or highlighted.
   // Each callback receives the following parameters:

diff --git a/src/driver.ts b/src/driver.ts
@@ -13,6 +13,7 @@ export type DriveStep = {
   onHighlighted?: DriverHook;
   onDeselected?: DriverHook;
   popover?: Popover;
+  disableActiveInteraction?: boolean;
 };
 
 export function driver(options: Config = {}) {

diff --git a/src/highlight.ts b/src/highlight.ts
@@ -157,7 +157,7 @@ function transferHighlight(toElement: Element, toStep: DriveStep) {
   fromElement.removeAttribute("aria-expanded");
   fromElement.removeAttribute("aria-controls");
 
-  const disableActiveInteraction = getConfig("disableActiveInteraction");
+  const disableActiveInteraction = toStep.disableActiveInteraction ?? getConfig("disableActiveInteraction");
   if (disableActiveInteraction) {
     toElement.classList.add("driver-no-interaction");
   }