PhotoSwipe: Top of the image disappears when magnifying

[Socrates_mx5]

I use PhotoSwipe in Detail View. After I've been adding some text in the description of some images, then I realize that the top of the image "disapear" out of the top of the screen in magnified view. The vertical scroll bar of the window doesn't have any impact. This happen when the height of the image is bigger then the large thumbnail that is shown as default, and one has added a bit of text in the description.

Things look fine when one the image is opened and shown in the viewer. Then the image is scaled down in accordance with the height of the title and description.

https://imgur.com/a/dQMSxGZ

When magnifying the image then some of the text is shown on top of the image, which is fine. The problem is that the top of the image disappears out of the top of the screen and the vertical scroll bar hasn't got any impact.

https://imgur.com/a/E11bcaW

https://imgur.com/a/v9Up4oZ

I would like the top of the image to stay at the top of the screen and the the bottom to get further down with more of the text on top of it. It would also be good if the vertical scroll bar would have an impact.

Any ideas of how to achieve this with PhotoSwipe?

[christine]

Hi,

Unfortunately don't hv an idea, how to solve it. We will search for. It depends on pop-up methode. (Detail View).

Kind regards
Christine

[christine]

Hi,

Try with this code:

Code: Select all

.pswp__caption__center {
max-width: auto;
}

Kind regards
Christine

[Socrates_mx5]

Thanks Christine, I've tried the css-code of yours, but it didn't seem to do the job. The issue hasn't t do with the title and description, so I don't think the css class pswp__caption__center is the solution.

By accident I realized that one can scroll the image up and down with the scroll wheel on the mouse, but neither with the scroll list or the arrow keys. If one just could make the scroll list to work, then one could more easier understand that one can scroll the image. Personally, I would prefer if the image as default, when magnified, would be shown when it's scrolled up.

https://imgur.com/a/mGYUZbU

[christine]

Hi,

By accident I realized that one can scroll the image up and down with the scroll wheel on the mouse, but neither with the scroll list or the arrow keys.[/url]

Yes, I saw it. Still trying to find out a solution. Checked also with: https://developer.mozilla.org/en-US/doc ... overflow-y
Example:
html {
overflow-y: scroll;
}
but above, is "general".

Code: Select all

.pswp__caption {
overflow-y: scroll;	
}

Kind regards
Christine

[Socrates_mx5]

Christine, I didn't see your reply until now. Other things with high priority has appeared that must be dealt with, so I'll let this issue rest for some time and come back to it later on. I'm very pleased with the functionality of Phoca Gallery since we solved the earlier issues. I can live with the remaining issue for a time being.