Memory Game not rendering on iPhone

Submitted by New_User2022 on Tue, 02/15/2022 - 15:03
Forums: 
Developers

Hi there,

  1. Detailed steps to reproduce the bug (exactly how and when did it happen): some context: I am volunteering to support a charity website to include a H5p plugin feature on behalf of the website owner.  The feature is the memory game which during the staging iterations appears to render as expected using the built-in configuration plus additional custom css (website owner's request) which adds an overlay grid around the cards as well as forcing the cards to snap to three equal rows regardless of screen width. The website owner was able to view the game feature on both desktop and mobile no problem. The staging was recently pushed to live (approx. 2 weeks ago) and the website owner can not see the feature anymore on his mobile (desktop is fine). My question is, presumably, what changes does the owner need to make to render the feature on his mobile?

  2. Platform and version number. E.g. Drupal, Wordpress, Moodle. It's Wordpress v.5.9

  3. Mobile or Desktop It appears to be just on Mobile

  4. Browser: Chrome, Firefox, Safari etc Most likely Safari based on the screenshot of the website owner's phone (the bug does not appear on my desktop, or my mobile, or my partners phone or iPad. I have tried to test cross browser using LambdaTest free version and couldn't find the bug)

  5. H5P plugin version Version 1.15.4 

  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P. Memory game v.1.3.7

  7. Any browser console errors Too many to list here. What's the best way of showing this as there are hundreds of errors but not sure if they are related to the bug. They can be viewed quickly by opening chrome dev tools.

  8. Any PHP errors Not that i am aware of- i do not dabble with the back-end. I did add custom css which WP allows for in the customise UI. The custom css is to add a grid to the cards, and to force the cards on to three rows regardless of screen size (requests from the website owner).

  9. Screenshots if it's a visual problem please see the screenshot img attached. The game should render on both of these pages: 

https://ptc.org.uk/ptc_shows/i-spy-with-my-little-eye/#fun_and_games

https://ptc.org.uk/freebies/fun-and-games/

 

Please let me know if you need anymore info.

Thanks

Attachments: 
Image icon memeory_game_not_showing.png
Content types: 
Memory Game
otacke's picture

otacke

Wed, 02/16/2022 - 11:11

Hi!

I just ran that page from Safari 15 down to Safari 10. Everything displayed just fine, and I wouldn't know what "sophisticated" stuff Memory Game does that should cause any trouble.

I can see warnings that partially stem from a misconfigured base path that still uses http instead of https (which in theory could also cause trouble for H5P content but should then occur on any browser), and I can see my browser blocking the numerous nasty tracking requests to Google.

Best,
Oliver

New_User2022

Mon, 02/21/2022 - 11:20

Hi Oliver, 

Thanks for the prompt reply. The bug appears to have been solved by the website owner clearing the iPhone browser cache.

Kind Regards

New_User2022