Revision transitions in Sugarcane: not working correctly or am I doing it wrong?

lit

i'm a twine newb. apologies in advance if i'm not providing enough information.

i'm using L's combined <<replace>> macro set on a default sugarcane template with the macro script, the basic CSS transition for the script, and one of the macro examples L provided.

the problem: the transition works inconsistently. [edit:] tested in the latest versions of Firefox (26.0) and Chrome (31.0.1650.63 m)

example macro:

You see here <<cycle pet>>a dog<<becomes>>a cat<<endcycle>>.
<<revise pet "Change pet">>

basic transition CSS code:

.revision-span-in {
opacity: 0;
}
.revision-span:not(.revision-span-out) {
transition: 1s; -webkit-transition: 1s;
}
.revision-span-out {
position:absolute;
opacity: 0;
}

most of the time, when i click the <<revise>> link ("Change pet"), the transition doesn't work - the <<cycle>> text changes instantly. when i click the the <<revise>> link very rapidly many times in succession, however, the transition does seem to work. the <<revision>> macro is also inconsistent; the revision transition appears to work only if the passage transition is still underway.

i'd like to be able to use the macro and have transitions always work.

what's the deal?

edit: good idea

Sharpe

Welcome to the forum! I have no idea, but you might want to include a browser and browser version you're using.