I'm attempting to use the Intro.js library to create tooltips for a number of elements on a web page. The page includes an iframe, and I want to add a tooltip on a button that is rendered on the page inside that iframe.
Unfortunately, the tooltip will not focus on the button inside the iframe. The tooltip is shown in the upper left corner of the screen. I can place a tooltip on the iframe itself but not on any element within that iframe.
I've attempted to set the target of the tooltip by getting the iframe document and using the querySelector function to highlight the button in the iframe.
element: document.querySelector('#iframeContent').contentDocument.querySelector('#startButton')
Does anyone know if its possible to have the Intro.js library focus its tooltip on an element in an iframe?
Please find the complete example on Stackblitz here.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4