Iframes are tricky for us to handle, and thus this feature is disabled by default. If your application uses iframes, contact us and we can enable this experimental functionality for you, but we are only able to offer this functionality as is.
Product Fruits tour and hint target elements can be placed inside of iframes. Once iframes support is active (contact us for activation), you can create and target steps/hints as normal. The only visible difference is that you will see a new parent CSS selector field for the iframe in the editor.
However, there are some limitations due to the security restrictions of internet browsers.
The biggest limitation is the same origin policy. Browsers don't allow interaction with iframe content from the parent application if the same origin rule doesn't match. That means:
my-app.example.com, the iframe
src must be also loaded from
iframe.example.com, then you can force the same origin policy by setting
document.domain = 'example.com' in your code for both the application and the iframe