Document for observe

Hi. I have tour with two step. one button if user onClick will open a modal and forcus to element in modal. I saw example have observe. i’m try config steps but not working.

   <Tour type="abc" isOpen={this.state.showTours}
           onRequestClose={() => this.setState({ showTours: false })}
           steps={[
                 {
                            selector: '.add-widget',
                            'content': 'ahihi',
                        },
                        {
                            selector: '.add-widget',
                            'content': 'ahihi',
                            observe: '.new-widget'
                        },

                    ]} />

Can you write an example of this problem?

[kenzouno1]

Here is my code in project

Selector .new-widget inside modal

If i click .add-widget modal open but tour step not focus to .new-widget.

Gif Image Project Run

 <div className="observer">
                {
                    this.state.showModalWidget &&
                    <ModalNewWidget
                        show
                        onSave={data => this.handleNewWidget(data)}
                        onClose={() => this.setState({ showModalWidget: false })}
                    />
                }
                <Button className="add-widget" icon="plus" onClick={() => this.setState({ showModalWidget: true })} />
                <Tour isOpen={this.state.showTours}
                    onRequestClose={() => this.setState({ showTours: false })}
                    steps={[
                        {
                            selector: '.add-widget',
                            'content': 'step 1',
                        },
                        {
                            selector: '.new-widget',
                            'content': 'step 2',
                            observe: '.observer'
                        },

                    ]} />
            </div>

[koiski]

same