multiple instance on the same page

[clodoveo]

I'm trying to develop a widget that ideally should be instantiated multiple times on the same page. However, it is only being rendered for the first one in the list. Is it possible to have more than one with the same name but for example different IDs?

[bmomberger-bitovi]

Hi @clodoveo,

Can you show me some example code? I've definitely done experiments in the past with multiple instances of the same component and didn't have this problem, so I might be able to find the root of the problem if I see how you're using it.

[subramanian-iouring]

@bmomberger-bitovi
While using same web component in html with different params, facing issues like collapse the data params between web components.

<div class="menu1"> 
  <web-app name="sam" age="32"></web-greeting>
</div>
<div class="menu2">
  <web-app name="jack"></web-greeting>
</div>

From above code, we are allowing any one of div to DOM, while showing 1st div, 2nd div is not DOM.
So when we try to remove 1st div and append 2nd div in DOM. we are getting age props here too.