Topic: Onboarding plugin not working on certain elements
Miresh priority asked 1 year ago
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.
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.
- Use the downloaded package how it is from MDB pro zip file.
- In the index page, add the neccessary tags to the a element.
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.
Has this been fixed as yet? I noticed an update 6.2.0 was released.
Thank you for reporting this problem. We will take a closer look at it and try to fix it soon.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Priority
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 6.1.0
- Device: Dell laptop
- Browser: Chrome, edge
- OS: Windows 11
- Provided sample code: No
- Provided link: Yes