Issue with Example of attribute-bindings

I was going through the examples at :examples#attribute-bindings

When I click on this with Chrome it toggles between red and black as it should:

<p :class="{ red: isRed }" @click="toggleRed">
    This should be red... but click me to toggle it.
</p>

However, with Firefox it simply shows as black and no amount of clicking changes that.

But if I add:

<p>
    {{ isRed }}
</p>

Then Firefox also toggles it correctly. Is this an on-going issue that I should be aware of? How would I combat this? Or, do other people simply not have this problem?

Thanks for any help.

I tested in Firefox 103.0.2 (64-bit) (Mac), and it works for me without any modifications.

Thank you for checking. Mine is 91.12.0 (Gentoo), which is their current version. I will update it to see if that makes a difference.

I just installed the binary version of Firefox 103.0.2, which Gentoo classifies as experimental (~amd64). The issue disappeared.

Thanks again for checking.