Skip to content
This repository has been archived by the owner on Feb 23, 2023. It is now read-only.

Scrolling comment in a side panel no longer works in version 3.5.5 #2152

Closed
acwolff opened this issue Dec 14, 2018 · 3 comments
Closed

Scrolling comment in a side panel no longer works in version 3.5.5 #2152

acwolff opened this issue Dec 14, 2018 · 3 comments

Comments

@acwolff
Copy link

acwolff commented Dec 14, 2018

In this album I use side panels to show long comments.
If you click the first image you see a side panel with a scrollbar. If I use that scroll bar, the light-box is now closed. This was working fine in version 3.5.3.

Please help me to let this work again in this version 3.5.5

@fancyapps
Copy link
Owner

Could you try the latest update?

@acwolff
Copy link
Author

acwolff commented Dec 14, 2018

Yes I tried the last update, see here, but unfortunately, scrolling the text in a side panel is not possible: on a PC the light-box is closed and on an iPad I can't move the caption text.

I use the code proposed by you in one of your Codepen examples (I could never invent this myself!!).
This extra CSS code is used:

   .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
            opacity: 1;
     }
        /* Move caption area to the right side */
.fancybox-custom-layout .fancybox-caption {
	bottom: 0;
	left: auto;
	right: 0px;
	top: 0;
	overflow-y: auto;
	text-align: left;
	padding-top: 60px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}

@acwolff
Copy link
Author

acwolff commented Dec 15, 2018

I have it working now in Codepen and on my own website.

To get it working I had to add:

.fancybox-custom-layout .fancybox-caption__body {
    max-height: calc(100% - 44px);
}

Problem solved!

@acwolff acwolff closed this as completed Dec 15, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants