location of intro js container

[mehridaie]

Hi,
I have an issue with using intro.js-react library.
Imagine this scenario :
1- a page with a card (card A) inside it.
2-when click on card A another card (SecondCard) will be open beside card A, so the width of card A become 50%,
3- using introjs for card A and SecondCard: SecondCard's first step doesn't locate where it should.
in short: with update location of elements intro.js-react doesn't update.

[HiDeoo]

You can check the dynamic elements example from the README to see how to properly use a step on your second card which is dynamically added after a click event.

[mehridaie]

I tested this solution too, it's not working. because I have this issue with the first item of my steps. I got this error and couldn't fix it. (steps.updateStepElement is not a function) but it will be great if you can see the functional component samples for features of intro.js.

…

On Mon, Feb 1, 2021 at 1:51 AM HiDeoo ***@***.***> wrote: You can check the *dynamic elements* example <https://github.com/HiDeoo/intro.js-react#dynamic-elements> from the README to see how to properly use a step on your second card which is dynamically added after a click event. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#52 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AIE66VOLQ5UYVCEH3KLMRSTS4XJWBANCNFSM4W3OMN4Q> .

[HiDeoo]

Could you make a quick basic repro of the issue on https://codesandbox.io ?

[shamseen]

but it will be great if you can see the functional component samples for features of intro.js.

@mehridaie I've converted some of the initial demo to functional components here. Dynamic element is working!