Drag and Drop Image bug

I am building a number of jigsaw puzzles for a virtual event. I have worked out a few clashes with other plugins and now host all h5p content completely seperately on subdomains.

When someone tries to complete parts of the puzzle, sometimes the tiles bug and move to a different location.  I hace checked al images and dropzones. The issues seems to be on Chrome more than other browsers but has done it on Firefox too.

Video link here to show the bug.

https://youtu.be/1G3-b5bnuS8

Link hereto the live puzzle: https://survivor.teambonding.com.au/jigsaw-1/

Help!

Content types: 
papi Jo's picture

Hi jsharpripple

It would be easier to help you with your problem if you posted your H5P D & D content here on the forum (or if you enabled the Download/Re-use link on your site so we could download it and test it for ourselves on our own H5P sites).

BV52's picture

Hi jsharpripple,

I agree with papi Jo this is to help isolate the problem if it an H5P issue, browser, site or something else. I did try to use your content and everything is working as expected using Chrome V 92.0.4515.159 and Firefox V 89.0.2.

-BV

H5P site appeared to be down yesterday so couldnt login to reply. 

Update: Link is here https://survivor.teambonding.com.au/jigsaw-1/ with the embed / download buttons enabled. As part of the debugging process I changed themes to now use Twenty Twenty One to make sure it is not a theme issue.  Tested independently yesterday on a different network and using a different browser. Two computers both managed to finish the puzzle except one of the middle pieces which jumped around like the video.  FYI, on the two computers it was two different pieces.

BV52's picture

Hi jsharpripple,

Thank you for the update. However I am unable to download the content due to an issue which I believe the same as the one discussed in this thread. I have also tried your content again and was able to drop all the draggables. I noticed though that there may be an issue with the settings not unless I dropped all the draggables in the wrong drop zone I scored zero points. I suggest checking the drop zones and make sure that the correct draggables are checked.

-BV

Attachments: 
papi Jo's picture

Hi jsharpripple

I've downloaded your jigsaw puzzle and tried it. I'm afraid you got it all wrong. Here is how you should do it to make it work.

1.- I suggest to "label" the drop zones and the draggable elements (images) with a simple coordinates system. Those coordinates will NOT be actually visible by the student, but you will use them when editing your jigsaw.

2.- Let's take one simple example. The uppermost top left corner drop zone will be labelled A1 and the matching puzzle piece (image) will have its alternative text labelled A1 as well. The lower bottom right drop zone and the matching puzzle piece (image) will be labelled G11. Etc. You must do this for all of the drop zones and all of the images.

3.- I am attaching a very simplified version of your puzzle so you can test that it works as expected.

Hope that helps!

BV52's picture

Hi Papi Jo,

Thank you for the suggestion.

On different note I redownload Firefox and I was able to download the content I guess Chrome needs to be reinstalled :-(

-BV

Thanks for everyone's help.  Just to clarify - I am not wanting to score anyone and in fact will end up getting rid of the check box.  I simply want the players to be able to drag the pieces into place. There are nine puzzles each of which has a hidden letter in the background.  The puzzle is to identify the word.

So I understand the need for the drop zones to be named properly if it is being scored but do i need to do this if its simply a drag and drop exercise?

I tried out the nine puzzles on 25 people yesterday over a zoom call - so different locations, browsers, operating systems etc. Around half of the people experienced glitches with pieces jumping around.