My events are hidden above my scheduler

[Brandon]

My events are hidden above my scheduler the first time I load the app and in each refresh of the page. When I go to the next day and when I return to that day it already appears.

Apparently my event is there because you see a yellow line on the edge of the card but it is not at the correct time.

Also, in the first render of my app, scrolling at a specific time does not work with scheduleObj.scrollTo (hourToScroll).

If I change the page and return, now it does the scroll.

[Satheesh Kumar Balasubramanian]

Hi Brandon, 

  

Thanks for using Syncfusion Products. 

  

We have validated your reported queries and suspect that you may use 'MiniCssExtractPlugin' due to that CSS of our schedule component is not loaded in DOM when the schedule is rendered. So, we suggest you to use the 'style-loader' in webpack.config.js to overcome the problem. We have prepared a sample for your reference which can be downloaded from the following link. 

  

Sample: https://www.syncfusion.com/downloads/support/forum/167826/ze/React_sample-9769051 

  

webpack.config.js  

        use: [  

          'style-loader',  

          'css-loader',  

          'resolve-url-loader',  

          {  

            loader: 'sass-loader',  

            options: {  

              sourceMap: true,  

            },  

          },  

        ],  

      },  

  

  

Kindly try the above solution and let us know if this works at your end. If you still face any problem, please share the below details to reproduce the issue which will help us to validate the issue and provide prompt solution as soon as possible. 

• Replicate the issue in above sample or share issue replicating sample if possible
• Whether the issue replicates in specific browser or device?
• Whether you are using 'MiniCssExtractPlugin' in your application?
• Share all schedule related code snippets
• Share package.json file and webpack.config.js

Regards,

Satheesh Kumar B

[Brandon]

Hi Satheesh, thank you

The solution didn't fix my issue 

The issue only happens in Chrome. It works fine in Safari.

I'm using MiniCssExtractPlugin but only in the prod environment, not in testing and the issue is in both environments. 

I share with you my package.json file and webpack.config.js

https://drive.google.com/drive/folders/1ASN7syW0OCsI9FJ8VFWN3MR8OvBZebMI?usp=sharing

[Satheesh Kumar Balasubramanian]

Hi Brandon, 

  

Thanks for your update. 

  

We have validated your reported queries based on the shared details and tried to reproduce the reported issue. But, we were unable to reproduce the issue at our end. Since, we were not able to replicate your problem at our end with the shared details, it is difficult to provide prompt solution.  

  

Could you please share the below details to reproduce the issue? This will help us to validate the issue and provide prompt solution at earliest. 

• Replicate the issue in previously shared sample or share issue replicating sample if possible
• Share all schedule related code snippets
• Whether you are using mac device to test your application?
• Whether the issue is random or replicates all the time?
• If possible share your hosted application link

Regards, 

Satheesh Kumar B