Onboarding plugin not working on certain elements

Expected behavior

Hi.

The onboarding plugin is expected to work on buttons and a elements as shown in this link https://mdbootstrap.com/docs/standard/plugins/onboarding/ under the first Basic Example section. When you click on the button, the onboarding modal popover appears correctly.

Actual behavior

In my implementation however, the modal does not appear. It selects the element correctly (Verified using the step events on the onboarding object) but does not call up the popover modal. When I then click else where on the webpage, it shows an *_"Illegal invocation"** error in the browsers console and prevents me from selecting all together until a webpage refresh is needed. Basically it hangs.

What I have noticed however is that when I scroll up and down (provided there is room to do so), eventually the modal does popup and everything works as expected. There are other places on my site where the symptoms are difficult to replicate but vary from this one. For instance in one section my onboarding popover works on a button but then shifts all the contents below the button below a different tab. I assume this cause is related to the problem above.

Resources (screenshots, code snippets etc.)

To reproduce a simple example of this problem please follow the following steps.

1. Use the downloaded package how it is from MDB pro zip file.
2. In the index page, add the neccessary tags to the a element.
3. Set up the onboarding object via Javascript and trigger it upon page load. So do not include the 'startTrigger' and 'startEvent' attributes in the options object.

Here is my MDB snippet to view the source code and errors as described:https://mdbootstrap.com/snippets/standard/miresh/4872905

Edit: Note that autofocus and autoscroll does not solve the issue.