Syncfusion Tab Render multiple element with same unique id

[Tony]

Hi,

im using syncfusion Tabs for angular with output like below :

i have nested tabs in here,

just focus on child tab, when i render child tab, it will run normally but when i click tab header in child tab, i get this message in console developer

#77, #78, etc is my element that i render dynamically using data from api.

in the child tab at the first tab is run normally, but when i move to second / another tab header, it shown [DOM] Found 2 elements with non-unique id #xx

i need getting value from checkbox element inside tab content with id 77, but syncfusion render the element more than one.

help me,

Regards,

Tony

[Satheesh Kumar Balasubramanian]

Hi Tony, 

  

Greetings from Syncfusion Support..! 

  

We have validated your reported query at our end and prepared sample based on your shared scenario to replicate the reported issue. But, we were unable to reproduce the reported issue. Please find the sample in the following link. 

  

Sample: https://stackblitz.com/edit/nested-tab?file=datasource.ts 

  

Kindly try the above sample and if we misunderstood your requirement, kindly share the below details to serve you better? 

• Replicate the issue in the above sample
• Share whether you have used same content for parent tab and nested tab

• Share issue replicating sample if possible
• Share tab related code snippets

  

Regards, 

Satheesh Kumar B