"Hover interaction" Beta - problem

Ask the community
1

Hi EditorX team,

Great news the Beta “Hover Interaction” tool ! :slight_smile:
However it seems that, at this stage, applying an “Hover Interaction” on an element generates trouble with Hide/Show Fx applied to the same element.

Exemple here :
lower green box with an “Hover Interaction” applied will not fade properly anymore as upper box without “Hover Interaction”.
https://benoitdelval.editorx.io/hoverbeta

Any solution ?

Thanks !
Ben

1 Like
2

code used, incase

import {session} from ‘wix-storage’ ;

$w.onReady( function () {
});

session.setItem( “BOX1” , “showed” )
session.setItem( “BOX2” , “showed” )

export function text4_click_1(event) { {
if (session.getItem( “BOX1” ) === “hidden” )
{
$w( ‘#box1’ ).show( “fade” );
session.setItem( “BOX1” , “showed” )
}
else
{
$w( ‘#box1’ ).hide( “fade” );
session.setItem( “BOX1” , “hidden” );
}
}}

export function text6_click(event) { {
if (session.getItem( “BOX2” ) === “hidden” )
{
$w( ‘#box2’ ).show( “fade” );
session.setItem( “BOX2” , “showed” )
}
else
{
$w( ‘#box2’ ).hide( “fade” );
session.setItem( “BOX2” , “hidden” );
}
}}

3

Hey @delvalbenoit , I’m Jonathan from the Editor X team.
Thanks for reporting this. Hide/Show seems to have unexpected behavior when combined with the Interactions Beta.
We will investigate this further.

Meanwhile, you can use this workaround with wix-animations
https://jonathant99.editorx.io/mysite-47

import { timeline } from 'wix-animations';

$w.onReady(function () {
 var hidden = false;

 let timeline1 = timeline();

    $w('#button1').onClick(() => {
 if (hidden == false) {
            timeline1.add($w('#box2'), { opacity: 0, duration: 500 }).play();
            hidden = true;
        } else {
            timeline1.reverse();
            hidden = false;
        }
    })
});
4

Thanks Jonathan !

5

Still having this issue and it’s really cause problems with multiple sites.

Really hope they can get this ironed out soon.

#hoverinteractions #bugreport editorx

6

I can’t see the hover interactions I’ve applied when viewing the site in preview mode.
They are fully functional when pressing “play” in edit mode of the site.

Why is it behaving this way and how can I be sure the interactions will work when site goes live?

7

@bonaseek do you mind sharing your site so we can take a look? And in any case, when you click on the ‘interactions’ tab on any container, is this what you see?

8

Hi there!

I am experiencing the same issue as bonaseek here.

I can view the hover effects I made in edit mode of the site, but there are none while I am in preview mode nor after I publish the site and view it in my browser.

Is it because of “beta” version of interactions, or is there anything else I am not aware of?

Thank you very much for support!
Martin

9

@hoffelder12 @bonaseek thanks for posting. we are looking into this.

10

@hoffelder12 @bonaseek did you create a custom effect? If so, can you check that the custom effect is connected to your hover trigger?

1560×1036 56.6 KB

If not, perhaps you still have to connect it?

1548×1140 68.7 KB

Just checking because this is one thing users miss and then they don’t see their interaction.

Thanks,
Carmel

11

Great! That was the missing piece. Thank you for your effort. :slight_smile:

12

@carmelsc My interactions screen doesn’t look like that at all?

There are triggers and effects?

13

Part of the new update that is being rolled out that also adds in Click interactions . If you don’t have it just yet, might not be in the Beta but it’s being worked on to roll out to everyone.