Issue with animation in multiStateBox

Ask the community
,
1

why do elements become hidden when adding animation to them multiStateBox?

Product:
Editor X

I’m trying to create a slideshow using multiStateBox in editor X, after adding all the states and using the changeState() function, everything works fine, but once I add animation to any element inside the multiStateBox, that element becomes hidden and can’t be seen after that

To check the cause of the issue, I tried using the function show() after hiding an element " with and without adding animation to it " and for some reason show() also seems to not work elements inside the multiStateBox, once it’s hidden, it’s hidden, that’s it

I think it has something to do with changeState() function having some bug

2

Can you share a code example that reproduces the issue?

3

Of course
After adding animation to the children of the multiStateBox
and Naming its States to “STATE1” “STATE2” “STATE3” etc …
run this function

function AUTOSLIDE(){

    
  let CURRENT_SCROOL = 2
  setInterval(()=>{
    $w("#multiStateBox").changeState("STATE"+CURRENT_SCROOL).then( (newState) => {
    
  } );

  CURRENT_SCROOL++

    if(CURRENT_SCROOL > $w("#multiStateBox").states.length){
            CURRENT_SCROOL = 1
        }
    },3000)

}
4

Same bug in Wix Studio Editor too. After adding animations from Wix animations, CSS keyframes in Multi State Box, that element doesn’t seem to work after state changed.

1 Like
5

Mostly it happened after they changed their animations system, this must be just some bug that they should know about.

6

Updating to confirm that the team is aware of this bug.