Image Hotspots

Whole document shifts when clicking hotspots on right side of document

On a few websites we manage, we are running into a bug with Image Hotspots.

On the sites impacted, when clicking a hotspot on the left side of the image, everything works normally. However, when clicking a hotspot on the right side of image, the whole document shifts out of place and then snaps back (see attached .gif). 

Drupal: 9.5.11

H5p: 2.0.0-alpha4

Components not showing properly on screen

Hello,

We are trying to use the Image Hotspots content type but, as shown in the attached image, some of the interactive components appears on screen as language like: 

  • [field:select:showWhen:icon]
  • [field:image:showWhen:iconImage] 
  • [field:group:imageCoordinateSelector:position]

We are running a Moodle platform version 3.11 with H5P up to date. It does not matter which Browser we use (Chrome or Edge), the problem renders the same.

When turning debugging to DEVELOPER I get some errors like: 

Pages