How to prevent node update

Question

How to prevent node update

JSteunou opened this issue 7 years ago · 7 comments

Hi, great work over there, I very like what you are doing!

I just had one question: say I have a view's template with one element handled by another library than diffhtml and I dont want it to be patched / updated. What would be the best way to prevent that?

Answer 1 · 2017-08-11T14:25:18.000Z

I think the best way to do this would be with middleware. I'll try and come up with something!

Answer 2 · 2017-08-11T14:36:06.000Z

If this can help you, I know than nanomorph uses isSameNode el property

Answer 3 · 2017-08-11T14:45:31.000Z

I did something like this in the framework I'm building on top of diffhtml. Here's how I did it.

Answer 4 · 2017-08-11T17:19:02.000Z

Yup, that's pretty much how I'd recommend doing it as well. Pretend the new node is the same as the old node. That way you don't even need to worry about isSameNode or needless additional syncing.

Answer 5 · 2017-08-11T17:32:05.000Z

Here is a reduced solution (based off @mAAdhaTTah's code): https://glitch.com/edit/#!/diffhtml-prevent-node-update?path=prevent-update.js:9:21

I'm basing this off the class attribute, but you could theoretically use any attribute to figure out what to block.

Answer 6 · 2017-08-13T13:37:55.000Z

This is definitely doable with the current implementation. Minor bug (#153) may not impact your actual use case but will be resolved in the next release. Let us know if you have other issues.

Answer 7 · 2017-08-13T16:55:38.000Z

Nice solutions guys ! The middleware system is great.