Hi, everyone. Really sorry for creating another svg ask thread, but i am stuck to find a way out
I won't place a codepen URL here since on codepen all works fine, making it even harder for me to find error.
Codepen renders svg + js code together in SVG shadow root so may be that's the case for me.
However here is a details. I have a django project where i put svg code inline that has 'g' groups with id's. These 'g' groups animates on hover well via CSS rules.
But anyway trying to access it via GSAP makes no difference. No error in console. No animation. I can only animate outer svg tag by getting it via id.
So my svg code is inline and included in django via {% include 'svg-inline.html' %} - it just prints in <svg ...> .... </svg> into my template that renders fine.
I script-scr TweenMax and CssPlugin in head of my page and call animations on document load - $(function() {gsap animation})
Animating any other tags works good.
One strange notice i get:
if i put GSAP code into script tag in 'svg-inline.html' before closing </svg> it works , BUT ! with some groups only.... i really don't understand
Here is a CodePen anyway... It all works good there. I don't have any additional svg styles in my site, anyway i can't imaging what style could lead to such behaviour.