Header bar has visual bug on width change of calendar

[Paul Jackson]

Hello! Please see sample code at the end of the post.

Reproduction steps:

1. Make sure Panel is closed
2. Click Week View
3. Click Open Panel button

The header bar will have strange visual bugs. Fixes itself when you interact with it. Is there a way to do this programmatically?

Sample Code: https://stackblitz.com/edit/react-8zgcri?file=index.js

Bug:

[Ruksar Moosa Sait]

Hi Paul,

We have validated your reported issue and let know you know that we could not produce it. Could you please check the attached video and share us the brief replicating steps of what we have missed in producing the reported issue? 

Regards,

Ruksar Moosa Sait

Attachment: Video_472a6b5.zip

[Paul Jackson]

Hi Ruskar, sorry for the late reply. 

I am still able to replicate the problem. Please check attached code and loom video for what I see on my end.

https://www.loom.com/share/c13fec4b57ea406791490e82b9248f9b

https://stackblitz.com/edit/react-2gplty?file=index.js

[Satheesh Kumar Balasubramanian]

Hi Paul,

We suggest you to use toolbar refreshOverflow method to resolve the reported issue.

https://stackblitz.com/edit/react-schedule-toolbar-overflow?file=index.js

https://ej2.syncfusion.com/react/documentation/api/toolbar#refreshoverflow

index.js:

  const onClickChange = () => {

    setIsOpen(!isOpen);

    setTimeout(() => {

      var toolbarObj = document.querySelector('.e-schedule-toolbar')

        .ej2_instances[0];

      toolbarObj.refreshOverflow();

    }, 50);

  };

Kindly try the above solution and let us know for further assistance.

Regards,

Satheesh Kumar B

[Paul Jackson]

Thank you so much Satheesh!

Works 

[Satheesh Kumar Balasubramanian]

Hi Paul,

Thanks for the update.

We are happy that your problem has been resolved now.

Regards,

Satheesh Kumar B