NO BUG: SVG with Dynamic Data

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

The SVG element isn’t rendering with Dynamic Data within a query loop

Peculiar behaviour: Here the SVG element sits in a div below an Image element (both linked to same dynamic svg files). When Inspected (see screenshot) the SVG element is displayed within noscript tags (code is enabled). However, if the Image element is deleted leaving the SVG alone in the div, the div is displayed as empty in Inspector and the noscript tags removed

CleanShot 2024-02-09 at 11.26.55@2x
CleanShot 2024-02-09 at 11.26.55@2x4636×2062 397 KB

Inspected
Inspected1920×1411 239 KB

2

Hi Simon,
Thanks so much for your report!

Which ACF field type do you use for the SVG, and what does the loop look like exactly?

Best regards,
timmse

3

Hi Thomas - I use an ACF url field.
The query loop is an ACF Relationship which I thought might have contributed to the issue, but I tried on a very simple Query also and received the same results.

4

Ok, that will probably be the problem. Have a look at the note below the dynamic data field:

CleanShot 2024-02-09 at 14.41.13@2x
CleanShot 2024-02-09 at 14.41.13@2x1112×754 49.4 KB

Please try again with the file or image file type :v:

1 Like
5

ah sorry I misunderstood this. Is there an opportunity to support a URL field in future?

6

Hey Simon, currently, it’s not planned, but you’re welcome to add it as an idea to the idea board: https://bricksbuilder.io/ideas/