Dialog not working

[Patrizio Franci]

Hi to everyone, 

I'm in trouble with a "Dialog" component.

I'm trying to use into my component but when i render the page i have this 2 errors.

and 

I attach my componenent and its dependecies. Can anyone help me?

Thanks in advance.

[Patrizio Franci]

I'm Sorry, 

I forget the attachments.

Attachment: Archive_35af8c37.zip

[Vinitha Jeyakumar]

Hi Patrizio, 

 

 

Greetings from Syncfusion support, 

 

 

We have validated your query “Dialog not working” 

 

We can able to reproduce the reported issues using the code you have shared. If the Dialog’s target is an invalid element (the element is not available in DOM), the reported console error “offsetHeight of null” and “className of null” will be raised. In order to resolve the reported issue, pass a valid element for the dialog target property. Check the below sample and code blocks for reference. 

 

Code snippet: 

<div id="targetElement" 

     className="control-section col-lg-12 defaultDialog dialog-target"> 

    <DialogComponent width={'250px'} 

                     content="This is a Dialog with content" 

                     target={'#targetElement'} 

                     visible={this.state.hideDialog} 

                     showCloseIcon={true} 

                     close={this.dialogClose.bind(this)}> 

 

    </DialogComponent> 

</div> 

 

Sample: https://stackblitz.com/edit/react-cbbrfh-fttg4y?file=index.js 

 

Please check the sample and code snippet and let us know if it resolves your issue. 

 

Regards, 

Vinitha