Can't see the last choice when I include an image

[JCSTeixeira]

Hi!

When I include an image, regardless of its size, the last choice doesn’t appear, unless I zoom the page out to 33%. All the things I’ve tried don’t work:

“Solution” 01:
Included a + some value in the main.js code:

function contentBottomEdgeY() {
var bottomElement = storyContainer.lastElementChild;
return bottomElement ? bottomElement.offsetTop + bottomElement.offsetHeight + 550: 0;
}

This works only if all the passages have images of the same size.

“Solution” 02:
Via CSS:
.container {
overflow-y: auto;
scrollbar-width: none; /* For Firefox /
-ms-overflow-style: none; / For Internet Explorer and Edge /
scroll-behavior: smooth; / Smooth scroll */
}

.container::-webkit-scrollbar {
display: none; /* For Chrome, Safari, and Opera */
}

This causes the page to jump up. The game loses the smoothness.

“Solution” 03:
To simply include one additional choice after the last choice that doesn’t relate to the game. The problem here is that when I restart the game, now this unrelated last choice shows up.

“Solution 04”:
To pre-load all the images at the beginning of the game:
-> load_images
=== load_images

IMAGE:intro.jpg

IMAGE: orc_camp.jpg

CLEAR

-> intro

The problem here is that with many images it lags at the start.

I’m sure someone knows a much better and simple solution. Thanks in advance for any help.

[JCSTeixeira]

Did it excluding "px" from main.js. Thanks!