Return key press fixes lightbox overlay failure to expand past viewport in devtool view?
Lightbox++ opacity overlay fails beyond the viewport, but expands in Chrome devtools mobile view on return key press. Can js mimic this on mobile?
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.
https://i.stack.imgur.com/HHDve.png
Chrome dev mobile view, post return key press.
https://i.stack.imgur.com/AoI2N.png
View on the actual mobile device.
https://i.stack.imgur.com/H76YZ.png
