Custom Interaction works different on V. 6.4.0.b4

@Norm,
I can’t figure out why this happens.
Here is a Blocs file that explains what I mean.
The interaction is a part of a more complex one, but to show where the problem is it should be sufficient.

The interaction works with Blocs 6.4.0.b4 and/or 3 but not with V.6.3.3.

Close Test.bloc (20.0 KB)

Am I the only one with this problem - again?
Or am I doing something wrong - again?

On my V6.3 does not works, but Instead of doing that I would close the modal directly. Is there a reason you make an interaction for that?
You could also set the attributes right to the button and only trigger the click item on the interactions

1 Like

First of all I would like to thank you for the reply.
Yes there is a reason for doing it that way.
I’ll explain later today.
But anyway - the problem is that it works on V.6.4 but doesn’t on V.6.3.
I think that’s a serious problem.
See you later.

Hey @Bootsie its a bug thats been fixed in 6.4 regarding the click event.

This is how it looks when you export from previous versions (with bug).

document.querySelector("test-btn")?.click();

And how it looks in the fixed version of Blocs 6.4 when exported.

document.querySelector("#test-btn")?.click();

Basically the # is missing from the JS selector that is used to trigger the click.

Blocs 6.4 has various fixes and improvements for targeting items with IDs and classes.

2 Likes

So that means you shouldn’t open a V.6.3 project which includes custom interactions with V.6.4 and export it.
Is that so?

If you create interactions with 6.4 they may not work if you then move back to 6.3, mainly because 6.4 has more features and improvements regarding selectors.

The click selector is different in Blocs 6.4, if you delete this single rule and re-create it in 6.3 it will work again, I just tried that.

I hope that helps.

2 Likes

It certainly does.
And I hope that will help other people too.
Thank you Norm. :clap:

1 Like

Perfect.
Works on V.6.3.

@Norm,
I have to come back with this problem.
In one of my projects I have 5 complex audio players, all based on your liquid audio player.
Made with V.6.3.
When I open these with V.6.4 they no longer work correctly.
I would then actually have to rework them all so that they run properly with V.6.4.
To be honest, this is unreasonable.
Please try this with your liquid audio player. It will not work correctly.

See the project here (if you like):

I’ll take a look :smiling_face_with_sunglasses:

1 Like

My liquid glass player works fine, what is broken with yours when I visit the site the player works but you need to first select a track, but volume and track selection seems to work on your website?

That is correct.
When you click on the track the audio starts.

The players work because I exported and uploaded it from V.6.3.
When you open it with V.6.4. the don’t work correctly.
That means you can’t work with this project in the future with V.6.4. unless you’re willing to change the custom interactions.

And your player really works with both Versions?
It doesn’t here.

Are you able to export a version with 6.4 and send me a copy of the contents of the exported JS folder please.

Your player or my project?

Your website.

1 Like

Looks like a version bug. 6.4 handles interactions differently than 6.3, not your file.

Exactly.
But V.6.4.0-b5 solves this problem.

1 Like