Passing 'HTMLElement' to tour.addStep{ text: ... } doesn't work anymore

[hope55]

Hi Robert, thanks for your awesome work! I tried to migrate my tour from 2.x to 4.4.0, but I couldn't. The documentation says:

The text in the body of the step. It can be one of three types:

- HTML string
- `HTMLElement` object
- `Function` to be executed when the step is built. It must return one the two options above.

Unfortunately the second option is broken now. It will render a tour step with a content text: "[object HTMLDivElement]". I must pass HTMLDivElement here, as it contains some elements having event handlers attached. (It is a progress bar).
One more important thing to mention: I might be wrong, but if this HTMLElement goes through an innerHTML transform, as I've seen in shepherd.js\src\js\components\shepherd-content\shepherd-text\index.jsx, event handlers get lost. It suppose it should use .appendChild() instead. (?)

[RobbieTheWagner]

Hi @hope55 thanks for reporting the issue! I cannot seem to figure out how to do this with Preact. Any suggestions?

[hope55]

Hey Robert! Thank you! That was really quick! Just tested it, it works like a charm! ;)

[RobbieTheWagner]

@hope55 You're very welcome! Out of curiosity, where are you using Shepherd? We're always looking for more companies/projects to list as users 😃

[hope55]

@rwwagner90 We've developed a Facility Management tool called SAM Space and Asset Management Service. My company is this: www.invensol.hu. Previously, we've had used Enjoyhint for site tours, but it has been abandoned by it's developer, in addition we wanted to get rid of jquery. Then I found Shepherd, with this great support! ;) Please feel free to list our company, if you think we fit in your portfolio.