When we start the tour, the highlighted element of current step is non editable, how to make it editable??

[sou-s]

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior A clear and concise description of what you expected to happen.

Screenshots If applicable, add screenshots to help explain your problem.

Details (please complete the following information):

• Browser [e.g. chrome, safari] + version
• List of the dependencies with their version (Angular, rxjs, ngx-joyride,...)

Additional context Add any other context about the problem here.

[tnicola]

More or less a duplicated of this issue https://github.com/tnicola/ngx-joyride/issues/12 . Currently is not possible to perform actions on the current highlighted element. I'm still thinking to a solution.

[juliennix]

@sou-s and @tnicola Hi, depending on your needs, it may help some of us. I needed to edit during the tour so I just added this:

    this.joyrideService.startTour(...
    ).subscribe(
      (step) => {
        this.removeBackdrop();
      },
      (error) => {
        console.log(error.message);
      },
      () => {
        console.log('finished tour');
      }
    );
    localStorage.setItem('tourIsDone', 'true');
  }

  removeBackdrop() {
    let element = this.document.getElementsByClassName('backdrop-container')[0];
    element.style.display = 'none';
  }