External media block not responsive in Safari (on iPad)

[Kristina Hoeppner]

https://mahara.org/interaction/forum/topic.php?id=7715

A custom external media embed code did not go into responsive mode on an iPad. I could see it as well in the Ocean theme. We'd need to test also if it's only an issue on mobile or also the desktop version of Safari, and also if other embed code is affected, too.

[Kristina Hoeppner (kris-hoeppner)]

We should also check if it's just in the Ocean theme or any other theme.

[Kristina Hoeppner (kris-hoeppner)]

The issue seems to be only with the Wisemapping code. Other code works fine, including Padlet (see below). There, the block is fully responsive as is the content. For Wisemapping it looks like there is a standard size that it needs. Changing the width and height values in the embed code themselves doesn't help and the frame is still being popped out.

Changing the priority to "Low" as other embed code works and it seems to be restricted to a particular one. It would need to be figured out if it is a Mahara problem or if there is also an issue with how much space the map needs and brings with from Wisemapping.

Padlet example embed code of a big board
<iframe src='https://padlet.com/embed/42tkr5bkj0nr' frameborder='0' width='100%' height='480px' style='padding:0;margin:0;border:none'></iframe><div style='border-top:2px solid #a7d23a;padding:8px;margin:0;font-size:12px;text-align:right'><a href='http://padlet.com' style='color:#41555f;text-decoration:none'>Created with Padlet<img valign='middle' style='margin:0 0 0 10px;padding:0;border:none;width:16px;height:16px' src='http://padlet.com/favicon.ico'></a></div>