SOLVED: HREFs in SVG do not work unless Bricks added event listener is disabled

Bugs
1

Browser: Firefox 109.0.1
OS: Ubuntu 22.04
URL: Unfortunately cannot link, sensitive data
Video: Travis' Docs

This is an SVG with # links, added via the Code element in Bricks. The links show up, but do nothing when clicked. If the links are inspected in Dev Tools, and the Event Listener added from Bricks is disabled, the links then work. I’m not sure how to disable the Event Listener.

The SVG was working properly in Elementor, and now is not in Bricks.

I’m not sure what other details to give besides this and the video.

2

Hard to tell what’s going wrong in your specific case. What I can say is that it works for me in a very basic setup. See Video uploaded to CleanShot Cloud.

4

@timmse @aslotta

Can someone look at this?

5

Hi Travis,
Thanks so much for your report, and sorry for the late reply.

I was able to reproduce the issue and added it to our bug tracker.

Best regards,
timmse

1 Like
6

Hi Travis,
With Bricks 1.7.1, now available as a one-click update in your WordPress Dashboard, it should work as expected. We removed Bricks’ default JS-powered smooth scroll solution. Which not only conflicted with some plugins but wasn’t great for accessibility either.

Bricks now provide a CSS-only smooth scroll solution that you can enable under Bricks > Settings > General.

Please let us know if you are still experiencing issues.

Best regards,
timmse

1 Like
7

The links now work again, hurrah! Thanks so much, team!