Skip to content

Error on IntroStep with an assigned blazor onclick event #147

@MarcoMueglich

Description

@MarcoMueglich

Describe the bug

Hi,

I noticed a bug when using an element in the definition of an IntroJsStep object, that was assigned an onclick-function via the blazor syntax "@OnClick". On reaching this step in the tutorial, it does not proceed and the following error is shown in the browser console:

Uncaught (in promise) TypeError: Converting circular structure to JSON
--> starting at object with constructor 'HTMLButtonElement'
| property '_blazorEvents_1' -> object with constructor 'B'
| property 'handlers' -> object with constructor 'Object'
| property 'click' -> object with constructor 'Object'
--- property 'element' closes the circle
at JSON.stringify ()
at O (blazor.webassembly.js:1:5193)
at g (blazor.webassembly.js:1:1609)
at N.invokeMethod (blazor.webassembly.js:1:3791)
at qo._introBeforeChangeCallback (blazor.intro.js:145:30)
at qo. (intro.min.js:12:40488)
at u (intro.min.js:12:1230)
at Generator._invoke (intro.min.js:12:983)
at Generator.next (intro.min.js:12:1593)
at n (intro.min.js:12:6699)

Steps to reproduce

  1. Define element with any @onclick-Function (e.g. button)
  2. Setup IntroJsOptions via Code. Add an IntroJsStep that contains element from step 1.
  3. Start tutorial.

Expected behaviour

The IntroJS wrapper should also work for elements that have an onclick-event attached. The intro step for such an element should be shown like every other step.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions