anchor for element list

[walkerliu01]

Assuming I want to add some content to each element in the list, what should I do? I tested that ahchor only works for the first element in the list

[aklinker1]

You can querySelectorAll elements in the list, and create a UI for each one. anchor accepts an HTML element, not just query selectors.

const list items = document.querySelectorAll('li')
items.forEach(li => {
  const ui = createShadowRootUi({
    anchor: li,
  });
  ui.mount()
})

But if you need to create multiple of the same UI, you may want to roll-your-own, more optimized solution. WXT's built-in APIs are more geared toward a single instance of a UI.