Don
May 14, 2021, 9:37pm
1
Hello,
I just share you this little mfp css correction for mobile specially on gallery view. So with this css only the image will scroll the other things arrows, close and title will be fixed also when zoom in and scrolling.
Place this code to the mobile css section
I updated this code
@media (max-width: 900px) {
.mfp-container {
position: fixed;
overflow: auto;
}
.mfp-force-scrollbars {
.mfp-figure {
overflow: auto;
}
}
}
1 Like
Johani
(Joe)
May 21, 2021, 1:20am
5
Good catch
I made a small change in core based on that.
committed 01:18AM - 21 May 21 UTC
This commit fixes an issue where controls scroll in lightboxes with large image… s (after zooming in)
Before:
https://d11a6trkgmumsb.cloudfront.net/original/3X/0/5/05024730b3b877c472dff5f4d63155121d370297.mp4
Notice how controls like the close button, the next and previous button, and the image metadata also scroll? This is an undesired behavior.
After:
https://d11a6trkgmumsb.cloudfront.net/original/3X/8/0/8047bab7351831e9b9df8c3cf0eb368c7529ae8a.mp4
This is the desired behavior; only the image should scroll.
The changes in this PR apply to both desktop and mobile.
Thanks for reporting the issue and the fix @Don
3 Likes