SOLVED: Parallax Effect Broken Due to Unescaped Quote Character

Bugs
1

Browser: Chrome 110
OS: macOS
URL: Screenshot

Description

The Parallax Effect is not working because the JSON value assigned to the data-brx-motion-parallax attribute contains unescaped double quotes, resulting in invalid HTML.

Current Output

data-brx-motion-parallax="{"element":true,"startvisiblepercent":10}"

Because the quotes inside the JSON string are not escaped, the browser interprets the attribute value incorrectly, causing the parallax functionality to break.

Expected Output

The JSON should be properly escaped before being rendered in the HTML attribute, for example:

data-brx-motion-parallax="{"element":true,"startvisiblepercent":10}"

or encoded using another safe method for embedding JSON in HTML attributes.

4

Hey @Borlabs-Ben, thanks for the report.

I was unable to replicate this issue locally on the latest Bricks version. It’s properly working on my end, so I’m wondering if you can share a link to the page, where I can see the issue.

You can also copy-paste the parallax element/section here so I can inspect it.

Thank you,
Matej

5

Hi @Matej,

It looks like the issue only occurs on SVG elements. Unfortunately, the website is not publicly accessible yet, so I can’t provide a link.

I tested the parallax effect on several element types, and SVG elements are the only ones where the attribute value is not escaped correctly.

{"content":[{"id":"pmsurz","name":"svg","parent":"usdcss","children":[],"settings":{"file":{"id":4779,"filename":"extension-puzzle-outline.svg","url":"https://borlabs.internal/wp-content/uploads/sites/2/2026/05/extension-puzzle-outline.svg"},"_motionElementParallax":true,"_motionElementParallaxSpeedY":"10","_motionStartVisiblePercent":"10"}}],"source":"bricksCopiedElements","sourceUrl":"https://borlabs.internal","version":"2.3.6"}
6

Hey @Borlabs-Ben,

This is a good catch. I was able to replicate it with your SVG file, so I’ve created an internal task for it.

Thanks,
Matej

7

We’ve addressed this in Bricks 2.3.7, now available as a one-click update in your WordPress Dashboard.

Please read the changelog entry before updating, and let us know if you experience any issues.