Responding to HTML Changes in a Web Component

[giscus[bot]]

Responding to HTML Changes in a Web Component

Using MutationObserver in a web component to detect changes.

https://www.raymondcamden.com/2024/03/13/responding-to-html-changes-in-a-web-component

[Gessielsp]

Nice one, we had the same issue, so we decided to implement a library to handle and other common requirements, something can be integrated with any website without dependencies or frameworks

[dmethvin]

Also note that if you only want to respond to an attribute change in a web component, that's really easy as it's baked into the spec.

Well, sort of ... you have to know the list of attrs that you want to observe. As I understand, it was done that way for performance reasons, but there are more than a few scenarios where getting updates for attrs you don't know (for example, to pass them to child elements who do know) would be super handy. So MutationObserver still comes in handy for those situations.

[cfjedimaster]

Oh, nice, great example there. Thank you.