Updating all content (or the content of a specific set of elements)

[kslstn]

In my app, content is set via the data-tippy-content atrribute. The content changes with users' actions (with Alpine I update the attribute via :data-tippy-content).

I understand I need to let Tippy know about these content changes. Simply disabling and enabling the instance doesn't seem to do that though.

Based on what I found in other discussions and issues, I found that I can iterate through all elements with the data attribute and address _tippy.setContent() for each element. Somehow all except one element give undefined as the typeof. It's like I'm lucky and this works for the most important element:

let elementsWithTips = document.querySelectorAll('[data-tippy-content]')
for (let el of elementsWithTips){
  if (typeof el._tippy === 'object') el._tippy.setContent(el.dataset.tippyContent)
}

But there are other elements that need their content updated too. And this approach in general feels clunky. I'd expected an updateAll() method similar to the hideAll() method. Or a way to reset the instance. What am I missing here—is my approach wrong? Is it to be expected that only one element has an active _tippy (when it's set up with delegation)?