Strange interaction with Vue.js - Snapdom seems to cache some styles

[rkolosovs]

I ran into a strange interaction between Snapdom and Vue.js. Making one screenshot of my complex, interactive element (a matrix of boxes that I can highlight) works fine. But if I make a screenshot, interact some more, then make a second screenshot, some styles partaining to selection (text color and outline) are stuck in the state when I made the first screenshot.
The browser render is correct, it's just the screenshot that's wrong.

Any idea what might be going on here?

[tinchox5]

You are right some caches are not cleared between captures. But in last version 1.9.6 I left active only those that are more "static" if dont work I may need to reset all

[rkolosovs]

Thanks for the quick answer. I was looking for a pattern in which styles are cached and which are updated. Currently I am managing styles via classes, some custom, some from quasar, some from tailwind. There is a vue binding for the classes attribute and I call a function there to set the right classes. The background style I explicitly set in each case but for text color and outline I only set them in the selected case, otherwise I don't add a class for that attribute and expect it to revert to default. Maybe that is the difference?

[tinchox5]

If you want snapdom clear all caches, please see source code cache.js. There is a reset function. You can adapt the caches and clear them all just when captureDOM() init

[rkolosovs]

The latest update fixed it and everything works correctly now 👍

[tinchox5]

Great! Ive just added a tiny roadmap on readme to allow users to adjust the cache system depending on their needs