[Anuglar] Enabling Infinite Scroll overflows page only on Edge Browser

[sachin_corzent]

Hi Team,

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 11108 times

msedge_7U3G0mnsyS.png (51.46 KiB) Viewed 11108 times

[tasnim]

Hey,

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?

[sachin_corzent]

Hi,

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.

schedulerpro-angular-highlight-event-calendars-modified.zip

(111.83 KiB) Downloaded 78 times

[tasnim]

Hey,

I've tried running your application and it seems to be working fine. Could you please share a video of reproduction?

msedge_UEsQNQA1on.gif (1.27 MiB) Viewed 11042 times

[sachin_corzent]

This was run in the Edge Browser Version 131.0.2903.112 (Official build) (64-bit)

K7NEgq2kWk.gif (2.47 MiB) Viewed 11025 times

[ghulam.ghous]

I tried to repro this but no success. Can you please try on another machine. Please see the clip:

Screen Recording 2024-12-20 at 4.31.20 PM.mov

(10.56 MiB) Downloaded 83 times

[sachin_corzent]

I tried to repro this but no success. Can you please try on another machine. Please see the clip:

Screen Recording 2024-12-20 at 4.31.20 PM.mov

Have you tried dragging the horizontal scroll bar to the left to load the previous dates and then vertical scroll on the header as shown in the gif?

[ghulam.ghous]

Yup I did. Please check the clip. Can you please try on some other machine?

Screen Recording 2024-12-20 at 7.00.43 PM.mov

(11.21 MiB) Downloaded 58 times

[sachin_corzent]

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.

UMaKA26ym3.mp4

(3.61 MiB) Downloaded 78 times

This second recording is with voice explanation.

msedge_HdnfoWX1nO.mp4

(3.35 MiB) Downloaded 69 times

[tasnim]

Hi,

Sorry for late reply. To get rid of this issue you'd need to have the container's overflow set to hidden

body {
	overflow: hidden;
}

After this you should not see this issue anymore.

If you have any other questions or concerns, please let us know