SOLVED: Colon removed from attribute

[mohd]

Bricks Version: 1.5.3
Browser: Chrome 90
OS: Windows

I am using AlpineJS, I have noticed that when I used colon in the attribute field it does not render on the frontend.

Example,

x-on:click.stop

becomes

x-onclick.stop

[cmstew]

Hey Mohd,

I pretty sure you’ll find interest in this thread. Itchycode gives an example of how you can work around the sanitization.

SOLVED: Is there a way to add AlpineJS directive attributes?

Let me give a help. Bricks will use WordPress sanitize_title to clean the custom attribute keys before rendering. You could use sanitize_title filter to put possible alpine attributes into exclude list. Example: add_filter( 'sanitize_title', 'do_not_sanitize_alpine_attr', 10, 3); function do_not_sanitize_alpine_attr($title, $raw_title, $context ) { // List out all possible attributes you may put on the custom attributes $alpine_attributes = ['x-on', 'x-data', 'x-show']; // Use PHP …

[timmse]

Hi Mohammed,
Thanks so much for your report!

We’ll fix this in the upcoming Bricks 1.5.4

Best regards,
timmse

[timmse]

Hi Mohammed,
We’ve fixed this bug in Bricks 1.5.4, now available as a one-click update within your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse