ABC shows up scrambled on first loading, correct only after page refresh

Question

In this answer, I used a couple of ABC snippets. They seemed to render ok – however, upon revisiting the page, the output is actually severely mangled:

Only upon refreshing the page, does it change to the intended

I'd remark that ABC always had funny behaviour WRT to refreshing: after submitting an answer with ABC, the snippets would first not get rendered at all, but only after reloading the page – but at least it would show up fine when visiting a question with ABC answers for the first time. In this case, there seems to be an additional bug.

---

EDIT further experiments indicate that the problem seems to be indeed all about caching: I find that when opening ABC-containing pages in a completely fresh browser session (e.g. a private window) it loads fine on first try, but whenever opening a page that has already been visited before, the ABC output is broken.

Answer 1

I'm leaving an ABC answer, just to test out my theory from the comments — we'll see if it holds up on meta.

X:1
K:C
M:C
a b c d

---

TEST RESULT

After leaving a comment, I clicked on the "Home" link. I then re-visited this thread and left this answer. ABC code did not display correctly after saving the answer. Did not display correctly reloading the page. Did display correctly with the "hard" reload.

Tested on Chrome / MacBook Air

Answer 2

So it looks like, yes, even to an OP or other visitor, they get the right rendering only on their first visit. This is disheartening; it would be annoying to add "Hey, if this looks weird, do a hard refresh" every time we use ABCjs. I wonder if anything can be done about it...