Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Hi,
In back to top element, we use the Visible after … px option. If we want the back to top button to be animated when it is shown and hidden, the animation will not work on it.
For example, we want the back to top to be displayed when slide in right and hidden when slide out right, but the interaction animation doesn’t work on it at all.
It works, you just can’t see it, because the element entered viewport even when its display equals none (which is how ‘Visible after’ option works).
You need to set up a css animation with @starting-style (will not work in firefox and all firefox related browsers yet)
Hi @jolia,
yes, those interactions will not work on this button, because, like @Illarion pointed out, the button in already there, and it’s not entering viewport.
When the “back to top” is hidden, it will have those two CSS properties, and once it’s visible, they will change.
That’s the reason it’s not working. I’ll mark this topic as no-bug.
Best regards,
Matej
