26 June 2015, 18:41

Dear Sir,

I upgraded Mahara from 1.9.1 to latest 15.04.1 in development server.

From IE, Google Chrome or Firefox browser

After I create new page and drag image or Text block , The editing block is shown at the centre of window and I can edit and save it.

However, When user Mac Safari browser,

The editing block is shown at the bottom left-hand corner of window .

 I try to move the editing block back to normal but failure.

Therefore, I cannot edit and save the content..

because user may use Mac desktop for mahara page editing.

Does anyone know how to solve it?

                       William

29 June 2015, 14:28

Hi William,

Thanks for letting us know. We try to ensure that Mahara works in the latest version of Safari, so I've filed a bug report on Launchpad: https://bugs.launchpad.net/mahara/+bug/1469586

What version of Safari are you using?

Cheers,

Aaron

29 June 2015, 14:50

Dear Aaron,

I use both 8.0.6 and old version( 5.1.7) to test and have same problems

Regards,

              William

29 June 2015, 14:52

Dear Araon,

Then , do you any workaround on this?

Regards,

               William

29 June 2015, 16:44

Hi William,

We'll try to fix this problem for Mahara 15.04.2. In the meantime, I can suggest two workarounds ;)

1. https://www.google.com/chrome/browser/desktop/

2. https://www.getfirefox.com

Cheers,

Aaron

13 August 2015, 14:37

Hi all,

We released 15.4.1 to production this morning and being a mostly Windows-focussed bunch of devs we immediately had a flurry of students complaining about this issue.

The fix we've introduced for now is in theme\raw\static\styles\styles.css:

.blockinstance.configure.vertcentre {
    left: 50%;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: -moz-max-content;
    width: -webkit-max-content;
}

Safari doesn't like the transform: translate command. So we've added the following two lines:

-webkit-transform: translate(-50%, -50%);
max-height: 90%;

The -webkit-transform line puts the pop-up in the right position on the page. The max-height command allows us to fit the pop-up in when it's pretty tall (e.g. adding an image to a page).

Now we've only been able to test this on a handful of versions of Safari but it's working well so far. Thought I'd let you all know in case it can help you.

Thanks,

Scott

14 August 2015, 9:43

Hello,

There is a fix for Safari in the Mahara 15.04 codebase now and it will be released with the next minor version release.

If you want to apply the patch to your instance, you can find it at https://reviews.mahara.org/5075

Cheers

Kristina