Highlighted element is not visible, solid background covers the content

I’m experimenting an issue with this JS tool.

I included the css and js from the dist folder.

I configured as follow:

$(document).ready(() => {

    const driver = new Driver({
        animate: true,
        opacity: 0.7,
        padding: 10,
        stageBackground: '#ffffff',
        showButtons: true,
        keyboardControl: true,
        allowClose: false
    });

    driver.defineSteps([
            {
                element: '#element > a > span',
                popover: {
                    title: 'Title',
                    description: 'Description',
                    position: 'right-center'
                }
            }, {
                element: '#element> div > span.my-class',
                popover: {
                    title: 'Title',
                    description: 'Description',
                    position: 'right-center'
               }
           }
        ]
    );

    driver.start();
});

I’m getting the result:

As you can see the highlighted content is totally covered by the white background, and in the DOM the highlighted element is empty.

The same beheviour presents on any element of the page, and with any stageBackground solid color.

Is there a way to configure it properly to get a result as in the examples?

Thanks.

[kamranahmedse]

It seems to be an issue with positioning. Can you please try with animate: false and see if it fixes the issue. Also, please provide a codesandbox example so that we can help better.

[PeterPan73]

Hi @kamranahmedse When will fix problem with modals in Bootstrap? Thanks.