New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Cannot start with SVG target element #2031
Labels
Comments
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Description
I have two intro starting points: one on a
<div>
and one on a<svg>
(both having anid
property and containing elements withdata-intro
properties). I want to start an intro on the<svg>
element , but this doesn't work. There is a minimalistic example which reproduce the behavior:Expected Behavior
I expect an Intro Step with text 'svg' to be displayed.
Actual Behavior
Nothing is displayed on screen.
As a workaround, I could do the following to display the 'svg' Intro Step:
But it's working only on this toy example, not in real application (potentially due to
Promise
behavior lasting longer than with the example).Errors and Screenshots
No error appear on the javascript console.
Example
The issue can be tested on https://jsfiddle.net/jkronegg/v0q539Lk/2/ (with variants: the JSFiddle must be rerun for a clean test setup)
I found the following workaround (programatically create an introJs object by getting all children of the SVG having a
data-intro
attribute):Environment
Firefox 121.0
IntroJS 7.2.0
The text was updated successfully, but these errors were encountered: