I've enabled infinite scrolling to a project using Bryntum Scheduler Pro v6.0.0 in Angular. This has caused the complete web page to overflow when scrolled vertically only on the Edge Browser leaving a gap in the top and the bottom in the window. In Chrome it works as expected. Is there a solution for this?
msedge_EJgFyCnhMx.png (50.48 KiB) Viewed 11098 times
msedge_7U3G0mnsyS.png (51.46 KiB) Viewed 11098 times
I've checked on Edge browser and everything seems to be working fine. Could you please share a runnable test case so we can download it and replicate it locally?
I've added the modified demo as a zip file which can recreate the issue.
It's coming from not using encapsulation: ViewEncapsulation.None, for the App component. You have to drag the horizontal scroll to the left manually if the issue is not recreating.
Pressing shift and scroll will not recreate the issue. Dragging the horizontal scroll using mouse to the left and then vertical scrolling will recreate the issue. Please follow the exact steps in the video.