Issues with tooltips further down the page

Description

Describe one (and only one) issue or enhancement you want to see in Intro.js (before writing any code). tooltips further down the page are not displaying properly

Expected Behavior

What did you expect to happen? Expect it to scroll down to the area where i put the tooltip

Actual Behavior

What actually happened? the window doesnt scroll so you get the tooltip but you dont see what its trying to highligh Screenshot (358)_LI

Errors and Screenshots (optional)

Give us any additional information if you have.

code snippet

const intro = introJs(); intro.setOption('tooltipPosition', 'auto'); intro.setOptions({ tooltipPosition: 'top', nextLabel: 'Lets go!', showProgress: 'true', scrollToElement: 'false', //exitOnOverlayClick: 'false', overlayOpacity: '1', steps: [ { intro: 'Welcome to thecRequest for Proposals section.', position: 'left' }, { element: '#step-one', intro: 'This is where the information is displayed ', position: 'left' }, { element: '#step-two', intro: 'This is where the Title is displayed.', position: 'left' }, { element: '#step-three', intro: 'This is where the Fundingis displayed.', position: 'left' }, { element: '#step-four', intro: 'This is where the information is displayed.', position: 'bottom' }, { element: '#step-five', intro: 'This is where the Additional info is displayed.', position: 'bottom', scrollTo: '#step-five',

        },
    ]
})
//document.getElementById('step-four').scrollIntoView();
intro.start();

Example (recommended)

How can someone else see/test this issue? List the steps or write some code; or create a jsfiddle or codepen.

Environment (optional)

List browser information, Intro.js version, Operating System, JavaScript libraries (jQuery, Angular, React), etc.

usablica / intro.js