h5p failing in responsive mode, height stops being proportionally calculated.

Also added to main forum: https://h5p.org/node/1232523

Same: https://h5p.org/h5p/embed/554805

It looks like this is related to the size of the word cube, shorter and fewer words will allow it to get smaller. I guess there is some mechanism to ensure a large task can be solved on a small touch screen.

If you want it to disable this so that it continues shrinking you can experiment a bit with changing the ‘h5p-find-the-words.js’ file. Find the following lines:
https://github.com/jithin-space/h5p-find-the-words/blob/master/scripts/h5p-find-the-words.js#L229-L237
and replace them using:

    if (gridMaxWidth < containerWidth) {
      this.elementSize = ELEMENT_MAX_SIZE;
    }
    else {
      this.elementSize = gridElementStdSize;
    }

Also, to see the changes in action you have to temporarily set the following in wp-config.php: define( 'H5P_DISABLE_AGGREGATION', true ); and make sure you disable the cache in your browser.

Thank you!

I’m going to encourage the resolution via Desktop or tablet, but if someone insists on solving it on the cell phone, I want it to continue decreasing.

I’m a beginner at H5P, but is there any development to stop using iframe as a container? one of the uses of having a plugin in the WP is usually to get around the use of iframe.

Big hug!

@icc0rz is it possible to also narrow this space between the letters? that would make it more compact.

Thanks!

https://i.postimg.cc/TPDywxMS/image.png