I’m using lightbox++ on my site, when viewed on mobile devices, if the user clicks on an image and scales it up, the area outside the viewport remains white instead of being covered with the opacity overlay.

I’ve noticed on Chrome developer tools mobile view, when I press the return key, it does some sort of "soft refresh" (it doesn’t reload the whole page, only the lightbox, somehow), which then surprisingly expands the entire overlay over the outside viewport area, just the way I would like it to behave.

So it begs the question, can I force that to happen with javascript? I want that behavior to happen on each instance of the image being clicked on, then loaded, then the return key "pressed", thus the lightbox reloaded, etc., in order to ensure the overlay is always over both the viewport and outside the viewport area.

Link to the test site: https://www.solarinkgraphics.com/index_TEST003.html

Chrome dev mobile view, pre return key press. Chrome dev mobile view, pre return key press.

Chrome dev mobile view, post return key press. Chrome dev mobile view, post return key press.

View on the actual mobile device. View on the actual mobile device.