Svg does not show properly in header builder (Pro 2.3.2. and 2.3.3)

[striata]

I have just updated to Pro 2.3.2 (and now to 2.3.3). In the header builder, the svg background image (in the header) does not render properly. When in the page builder, the header displays properly. It also displays properly when visiting the site outside of the builder. Site: https://stria.tech
Udate: One element (defined as #sun earlier in the svg) contains an animateTransform attribute. #sun and all elements rendered before #sun are displayed in the header builder. But the animation is not shown within the builder, and all elements after the #sun element are also not displayed.

The #sun element in question has this code:

<use xlink:href="#sun" fill="#c4c1c7" >
<animateTransform attributeName="transform"
                  attributeType="XML" 
                  type="rotate"
                  from="-4.5 0 0"
                  to="13.5 0 0" 
                  dur="22s"
                  repeatCount="indefinite" />
</use>

[thai]

Hi There,

The SVG is working fine on my end. Please see the screencast:

Could you please send us with your screencast or screenshot how it looks on your end?

Thank you.

[striata]

Hello Thai,
yes, it looks fine when visiting the site. It also looks fine when working in the content builder. But not when one is working in the header builder.
The video shows switching from the content builder (header looks fine) to the header builder (problem as described earlier).

Maybe I should add: When I removve the animation, all is fixed, and it displays properly also in the header builder (just not with the animation, of course). So it is the animation that kills the proper display in the header builder. I guess my post is more of a bug report than a request for an (immediate) solution. Nevertheless, it would be nice if it worked.

[alexander]

Hi @striata,

Would you mind trying version 2.3.4? We made some changes in the preview system that might help. I copied the SVG code from the front end of your site and tested it in the Header builder of my development site. It’s showing up correctly in the preview and the front end. Let us know how it goes!

[striata]

Dear alexander,

unfortunately, the update to 2.3.4 did not change anything.
Thomas

[christian]

Hey Thomas,

I confirm the animation does not work in the builder but works in the front-end. I’ll post this in our issue tracker. Please stay tuned for updates.

Thanks.

[striata]

in 2.3.5 the bug has become more entertaining. There are still no elements are displayed that come after the animation code, and the animation itself does not show properly, but something is animated!!
Still, all is good in the content builder and on the site itself. Just not in the header builder.

[christian]

Thanks for the update. I’ll add that to my report as well.

[striata]

Just for completeness: the problem persists in 2.3.6

[rad]

Hi @striata,

Yes, it’s still open in our issue tracker. Stay tuned for the updates.

Thanks!

[striata]

For the record: Bug persists in 2.3.8.
I tried something: I inserted the same svg element into a content area in the body.
Observation: When in the content builder, the svg in the header displays correctly, the svg in the body shows wrongly. When in header builder, the header-svg shows wrongly, and the svg in the body is fine. It is always okay when viewing the webpage. Bottom line: When one wants to work on an SVG containing an animation, then it does not display properly in the builder to which the svg belongs.

[rad]

Hi @striata,

Yes, it’s still an open and active issue on our issue tracker. We can’t really tell to which update it will be included, it depends on its complexity and priority. Again, please stay tuned in future updates.

Thanks!