Our pure JavaScript Scheduler component


Post by Softhouse »

Hi!
We have made a solution for showing allocations inside events. It uses the eventBodyTemplate function and returns html with div:s for each allocation that should be shown. These allocation will be spread out over the event, one for each day. The solution works at first, but when you start scrolling sideways, new events coming into view doesn't have all allocations rendered. As can be seen in the image below, only the first 4 days got allocations shown. If you click on the event, all of the allocations are shown.

Allocation missing.png
Allocation missing.png (11.46 KiB) Viewed 391 times

It seems that when parts of the event is scrolled into view, only content visible is rendered. When scrolling further to show the whole event, the content isn't refreshed, resulting in parts of the event being empty of allocations.

A fix for this would be much appreciated. And do you have any workaround for this?


Post by alex.l »

Please attach your code here to reproduce that. We will check what's wrong and if we can help right away.

All the best,
Alex


Post by Softhouse »

Problem can be seen in attached example. The whole event should be filled with 3:s, but it doesn't fit on the screen in default zoom, and when scrolling there are missing 3:s.

Attachments
BryntumSchedulerExample_NotRenderingOverflow.zip
(370.79 KiB) Downloaded 39 times

Post by mats »

What version are you on? Tried using latest 5.x version?


Post by Softhouse »

Using latest official release of Scheduler Pro, 5.0.4.


Post by alex.l »

How to reproduce this? Please check the video, all looks good to me.

Attachments
Screen Recording 2022-05-26 at 15.26.57.mov
(5.06 MiB) Downloaded 37 times

All the best,
Alex


Post by Softhouse »

It was browser dependent. But was caused by incorrectly setting position to fixed instead of absolute.
So it is fixed now, thanks for looking into it.


Post Reply