Storyline functioning differently in different browsers

Oct 16, 2018

Hi Storyline community,

I have a question... I've got a Storyline course that looks completely normal in preview mode, plays completely normally in Microsoft Edge, and not at all when played in Chrome.

Here's a screencast showing the difference. 

The first browser is Chrome.. and you'll see that 1) when I hover over the left speech bubble, it jumps, and 2) there are 2 triangles coming off the bottom of the speech bubble.  I then repeat the process in Edge, and it functions perfectly.

Why is this, and how do I fix it?  I have clients using all different browsers.

Thanks,

Tara

13 Replies
Leslie McKerchie

Hi Rena,

Hopefully, Tara is still subscribed here and will be able to pop in and share an update with us.

I searched for a support case, but it doesn't appear that she reached out to our support team, so I do not have any additional information to share either.

In the meantime, if you'd like us to take a look, you are welcome to share your .story file as well.

Rena Maguire

Thanks, Leslie! I submitted a case on this issue (Case Number: 01581886), because it appears to be a bug. However, I'd love any advice available from the Storyline community, as this bug is holding up several time-sensitive projects. 

 

Here's a summary of my problem: Buttons that are created in Storyline using shapes (not the built-in buttons) are jumping to different positions when mouse hovers over, or after selecting. This only happens in the published version, not the preview. I have tested it on two different LMS, one of which is SCORM Cloud. Both times I used Chrome, which is what we recommend our clients use. I have two different projects that are affected. Both were published with the latest version of Articulate 360. This is extremely important to us, as it is holding up several projects now. 

 

I've attached the Storyline file and the published version. I've also included a screencast demonstrating the problem.

 

Thanks for reaching out!

John Ruiz

I had a similar (if not identical) problem where shapes (part of an interaction) were shifting on hover but only in Chrome. 

Those shapes didn't have a hover state so I thought maybe Chrome was "making one up" for them.

I was able to stop it by adding a hover state to those shapes. The hover state had no changes so it looked just the same when hovering. 

Once that was done, they stopped hopping around in Chrome.

Hope this helps.

Maria Costa-Stienstra

Hi, everyone.

We appreciate your patience while our team investigated this.

I am happy to share some great news! We fixed the issue reported where:
HTML: PNGs reload (disappear and appear or blinks) when there are states in it and you mouse hover them in Safari for Mac, Goggle Chrome and Firefox.

Be sure to install the latest Storyline 360 update (Build 3.49.24347.0) to take advantage of all the recent features and fixes. 

If the problem happens again, please let us know, or you can always work directly with our support engineers here.