-
Hello there,
I’m struggling with the scrollability of larger overlay panels. As far as I can tell, everything is set according to this guide: https://learn.generatepress.com/blocks/block-guide/pop-ups-modals/#controlling-vertical-overflow-and-scrolling. However, scrolling only works on the iPhone (Safari), not on desktop (Safari and Firefox). Within the editor, the scroll-bar ist being shown by the way…
see Screenshot 1I’ve found one workaround so far: if I add the following as additional CSS, it works somewhat, but the background no longer stays dark (see screenshot):
gb-overlay–standard {
max-height: 100vh;
overflow-y: auto;
}
See Screenshot 2The website is https://kritische-nachhaltigkeit.de -> look for the Link “bisherige Literatur”.
I’d really appreciate any support with this. Thank you!
-
Hi there,
1. Select container gb-element-f668449f, set
overflow-ytoscroll, and setmax-heightto80vh.2. Select container .gb-element-b266cd9b, remove the
overflow-ysetting from it; it does not need it. -
Thanks for your reply! Unfortunately this didn’t change anything. Any other idea?
To me it looks like the CSS settings for gb-element-f668449f are not being loaded at all.
-
The scroll works on my iPhone, this is what I see:
https://app.screencast.com/iMYjfPPvWa47NLet me know if I miss anything.
-
Yes, indeed, on the iPhone I’m also not having issues. But on desktop-PCs the scrolling doesn’t work… That’s the problem.
-
But on desktop-PCs the scrolling doesn’t work… That’s the problem.
But it looks like no scrolling is needed on desktop, what am I missing here?
-
Well, that really depends on the screen size and resolution doesn’t it? But it’s solved now: I had another overlay active on the same page (Button “Spendeninformationen”) and this had wrong overflow settings. I corrected the settings, and now the scrolling works for both overlays.
Keep up the good work – the progress over the last few years is awesome!
-
Glad to hear that 🙂
- You must be logged in to reply to this topic.