Pasive button click in Dialog tag

[Yahya Alatas]

Hi

İ have a issue. 

When 'try to add something to DialogComponent of tag, any button action doesn't work. 

But i add to the content, it is work fine.

How can i solve this issue.

Thanks.

<DialogComponent

                    style={{ marginBottom: '220px',zIndex:-1 }}

                    isModal={true}

                    id='defaultdialog'

                    showCloseIcon={true}

                    animationSettings={this.animationSettings}

                    visible={this.state.tradeTeamSetVisible}

                    width={'600px'}

                    ref={(dialog) => (this.dialogInstance = dialog)}

                    header='Set Team and Trade'

                    buttons={this.buttonsForTeamTrade}

                    close={this.dialogCloseTeamTrade.bind(this)}

                    content={this.setTeamTrades.bind(this)}//but Button click work well here

                  >

//Button click doesnt work here

</DialogComponent>

[Indrajith Srinivasan]

Hi Yahya,

Greetings from Syncfusion support,

We are able to reproduce the reported issue, form our end when using the latest react version. The reported issue occurs due to event binding changes in the react DOM. With the update the event will be bound for the element based on the component rendered in the page. In order to resolve the reported issue, we suggest you to bound the target as body for the react render method.

 

render(<DefaultFunctionalities />, document.body);

 

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

Reference link: https://reactjs.org/blog/2020/08/10/react-v17-rc.html#changes-to-event-delegation

Please let us know if the solution helps,

Regards,

Indrajith

[Yahya Alatas]

Thanks so much.

That is work for me

[Indrajith Srinivasan]

Welcome, 

Please get back to us if you need any further assistance.