To circunvent jumping im doing this:

        let item = $(cls).get(0)
        item.style.height = `${item.clientHeight}px`

        Scrambler(
        {
            target: cls,
            random: [250, 250],
            speed: 100
        })

        setTimeout(function()
        {
            item.style.height = 'initial'
        }, 1000)

I have to use 1000ms because of the time not being exact issue I posted earlier.

A function that is called when the scrambling is done would help here. An optional function that is passed to Scrambler and executes it when animation finishes.

I'm using random: [250, 250] to have exactly a 250ms animation.
But I'm finding it takes more than 250ms, like 500ms or more.

Hi, nice library.

I was testing to see how it incorporated on my chat application. I wanted it to make a 500ms effect on chat messages.

It worked nicely (except that it sometimes didn't seem to do anything, maybe randomly picking the same letter all the time?), but there is a problem when the text is wide enough to jump between one or more lines in height, since the letters change, the text can overflow to another line for a bit. This height change is unwanted (so I had to revert it). Would be nice if there was a way so the text doesn't change height, even nicer if it doesn't change width too somehow.

Thanks.

Would be useful to just pass an element instead of having to identify it. Especially useful when elements don't have ids.