Scheduler not rendering quick popup correctly in React 18

[Stefan Cardenas]

Usually, when you open the quick info window (quick popup) in the scheduler, the bottom of the window will align itself with the bottom of the calendar if need be. However, when upgrading to react 18 and the latest version of the syncfusion libraries (20.3.x), the quick info window is now going below the calendar (see the attached images below).

I've also attached two stackblitz examples, one with React 17 and one with React 18 so that you can see the behavior for yourself. Can you please fix this promptly as it is a huge hinderance to our users in production as the calendar is now much harder, on in some cases impossible, to use.

Stackblitz Example with React 17

Stackblitz Example with React 18

React 17

React 18

[Swathi Ravi]

Hi Stefan,

We confirmed your reported problem “Quick info popup not rendering correctly in React 18” as a bug and logged the defect report. The fix for this defect will be included in our upcoming weekly patch release, which is expected to be rolled out by first week of January 2023. You can track the status of the fix at the following link:

Feedback :https://www.syncfusion.com/feedback/39951/quick-info-popup-not-rendering-correctly-in-react-18

Meanwhile, we suggest you resolve the issue by setting up the min-height value to the .e-quick-popup-wrapper CSS class as shown in the snippet below.

Sample: https://stackblitz.com/edit/react-zmes5g?file=src%2Fstyle.css,src%2FApp.js

[style.css]

.quick-info-template .e-quick-popup-wrapper {

  min-height: 210px;

}

Disclaimer: Inclusion of this solution in the weekly release
may change due to other factors including but not limited to QA checks and works reprioritization.

Regards,

Swathi Ravi 

[Stefan Cardenas]

Thank you for the prompt response and I look forward to the January fix.

[Ravikumar Venkatesan]

Hi Stefan,

We couldn’t include the fix as promised due to the complexity of the issue, and it will be fixed in the upcoming patch release scheduled for the upcoming week. We will let you know once it is included.

Regards,

Ravikumar Venkatesan

[Ravikumar Venkatesan]

Stefan, The fix for the issue “Quick info popup not rendering properly in React 18” has been included in our weekly release 20.4.44. Upgrade to the latest version to resolve the issue.

Release notes: https://ej2.syncfusion.com/react/documentation/release-notes/20.4.44/?type=all#schedule

Sample: https://stackblitz.com/edit/ej2-react-18-schedule-quick-info-popup-template?file=src%2FApp.js

[Stefan Cardenas]

Thank you for taking care of this promptly. I greatly appreciate it.

[Ravikumar Venkatesan]

Stefan,

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