En effet, c’est amusant ! Une solution consisterait à désactiver les lightboxes et la mise en pause des images animées à l’intérieur de l’élément spoiler. C’est très simple à réaliser avec du CSS uniquement :
.spoiled {
img.animated,
.lightbox {
pointer-events: none;
}
}
Nous pourrions également faire en sorte que l’ouverture en lightbox et la mise en pause des animations ne s’appliquent que lorsque le contenu est dévoilé, mais cela ne fonctionne pas avec un spoiler qui agit comme un basculeur. Cependant, si nous décidons de modifier le comportement du spoiler pour qu’il soit unidirectionnel (dévoiler au clic et c’est tout), cela pourrait fonctionner également.