Scolling in a Modal Sometimes Scrolls Main Window Instead of Modal Window

Wappler General Need Help
1

My design has a modal which can be longer than the screen height. On my laptop, the scroll wheel scrolls the modal as I would expect… but on one of my client’s laptops, the modal stays in the same position and the main window scrolls behind it.

Does anyone have any idea why this would happen on one laptop and not another?

I’m using Bootstrap 4.

Thanks!
Antony.

2

How is your modal set up - is it set to scrollable, i.e. is it showing a scrollbar inside the modal?

3

No, I have scrollable set to be off, as it has always seemed to scroll nicely without this being set on!

4

Ok, so are you maybe using different browsers?
Is the same happening if you test the modal here:

Screenshot 2023-05-17 at 16.20.05
Screenshot 2023-05-17 at 16.20.052560×1309 321 KB

5

Hey @Teodor, that is super useful.

For me, both the examples above scroll the modal, but maybe this is a browser issue… I’ll just set the scrollable option on and then things will be solved.

Thanks for your rapid and thorough response!

Best wishes,
Antony.

1 Like