ShowCloseIcon=false not working

[Laurin S]

Hi, in the attached example, unfortunately, the property ShowCloseIcon=false of the Dialog is not working.

Any idea?

Stackblitz:

https://stackblitz.com/edit/react-starter-typescript-ycj5xf?file=App.tsx

or offline files:

Attachment: reactstartertypescriptycj5xf_bf754898.zip

[Vinitha Jeyakumar]

Hi Laurin,

Your reported issue can be resolved by using state variable for the showCloseIcon. please check the code below,

Code snippet:

const [closeIcon, setCloseIcon] = useState<boolean>(true);

useEffect(() => {

    setIsValidCountdownValue(!isModeCountdown || timer > 0);

    setCloseIcon(false);

  }, [isModeCountdown, timer]);

 <DialogComponent     ref={dialogRef}     showCloseIcon={closeIcon} />

Sample: https://stackblitz.com/edit/react-starter-typescript-8ektyp?file=App.tsx

  

  

Regards,

Vinitha

  

[Laurin S]

Thanks, the provided solution works.

Any idea why I have to use this workaround or is there any cleaner solution?

[Vinitha Jeyakumar]

Hi Laurin,

Currently, we are validating your reported query. we will update you the further details in two business days on or before 18^th January 2022.

Regards,

Vinitha

[Vinitha Jeyakumar]

Hi Laurin,

We have considered the reported issue "showCloseIcon rendered to the header content even when we set it as false" as a bug from our end and the fix for the issue will be included with our upcoming patch release on 1^st February 2022.

You can now track the status of the report, review the proposed resolution timeline, and contact us for any further inquiries through this link: 

https://www.syncfusion.com/feedback/32068/showcloseicon-rendered-to-the-header-content-even-when-we-set-it-as-false

Regards,

Vinitha

[Buvana Sathasivam]

Hi Laurin, 

  

We are facing complexity in resolving the reported issue in our end. We will include the fix in the upcoming patch release which is expected to be rolled out on February 09, 2022. 

  

Regards, 

Buvana S 

[Buvana Sathasivam]

Hi Laurin, 

 

Thanks for your patience.   

   

We are glad to announce that our Patch release V19.4.50 has been rolled out. We thank you for your support and appreciate your patience in waiting for this release. The fix for the reported issue “ShowCloseIcon rendered to the header content even when we set it as false” is included in the above release, kindly upgrade the package to the latest version.  

 

Sample:  https://stackblitz.com/edit/react-starter-typescript-gv1eyg?file=App.tsx 

 

Release Notes: https://ej2.syncfusion.com/documentation/release-notes/19.4.50/?type=all#dialog 

 

Please get in touch with us if you would require any further assistance.  

 

Regards, 

Buvana S