Radio button disappears in toolbar

[Gareth]

Hi, 

In the example below, clicking on the radio button causes it to disappear.  I'm presuming I need to refresh the toolbar somewhere?  I've tried refreshing in the radio onChange event handler but that just gives errors

 tab-header-click-pfzhkq - StackBlitz

Thanks,

Gareth

[Hareesh Balasubramanian]

Hi Gareth, 

Greetings from Syncfusion Support..! 

We have validated your shared sample at our end and can replicate your reported problem which can be overcame by mentioning the item-wise custom template property of the Toolbar component as the HTML element that is either a string or a querySelector. And for the same, we have modified your shared sample which can be viewed from the following link. 

Sample: https://stackblitz.com/edit/tab-header-click-amv5tq?file=index.js  

UG link: https://ej2.syncfusion.com/react/documentation/toolbar/how-to/set-item-wise-custom-template/#set-item-wise-custom-template  

<div> 

  <div id="Template"> 

                <input 

                  type="radio" 

                  id="checkpointer" 

                  name="select" 

                  checked={toolState === "select"} 

                  onChange={updateRadio} 

                /> 

                <input 

                  type="radio" 

                  id="checkpan" 

                  name="pan" 

                  checked={toolState === "pan"} 

                  onChange={updateRadio} 

                /> 

  </div> 

  <ToolbarComponent id="zoomControl" ref={toolbar}> 

                <ItemsDirective> 

                  <ItemDirective template="#Template" /> 

                  <ItemDirective template={t => <NumericTextBoxComponent />} /> 

                </ItemsDirective> 

  </ToolbarComponent> 

</div> 

Kindly try the above solution and get back to us if you need any further assistance. 

We will happy to assist you..! 

Regards, 

Hareesh 

[Gareth]

Perfect - thank you!

[Nevitha Ravi]

Hi Gareth, 

You are most welcome..! please get back to us if you need any further assistance. 

Regards, 

Nevitha