Interactive Video - avoid vertical scrollbar in interactions


We know that we can add interaction to an interactive video, like a multiple choice question, for example. After the user press the "check" button, other visuals appears, like the "wrong" or the green "correct" image. If there is not enough space, this cause the question to scroll up, resulting in a vertical scrollbar, and hiding part of the question. This only happens if the interaction was added as a poster, not as a button.

Here is an image of a multiple choice question on an interactive video, before the user pressed the "check" button:


Now, below is the image after pressing the check button. As can be seen, there is a vertical scrollbar, which I marked in red border. We can no longer see the question itself, only the answers (option 1, option 2, etc.).

However: If we add the interaction as a button, and then press it, the white rectangle expand, and there is no need for a scrollbar:

Now we can see everything, no need to scroll up.
I think that the scrollbar is both annoying and looks bad. I highly recommend treating a poster as a button in this regard.


Supporter votes Members of the Supporter Network can vote for feature requests. When the supporter network has generated sufficient funding for the top voted feature request it will normally be implemented and released. More about the H5P Supporter Network
falcon's picture

Good point! Maybe we should at least have a setting for this, and make it behave as a button in this regard by default as you say.

Can you give me a direction for a "quick a dirty" solution meanwhile? Some javascript copy-paste between files? (I know only c#, but I will try)

falcon's picture

I'm sorry, no, I don't want to recommend quick and dirty solutions to this here in the forums :)