Buttons with drop shadow not rendering correctly in Chrome.
Nov 24, 2020
By
Rob Shaw
Hi,
I've come across an issue with drop shadow buttons not rendering correctly.
When published and viewed in Chrome (87.0.4280.66) it looks like this:
But like this in Storyline:
I think this is a browser issue as looking back at previous courses that were published several months ago, the same issue is occurring in Chrome.
The buttons were rendering correctly at the time of publishing in September.
The same courses when viewed in MS Edge (44.18362.449.0), render correctly.
I first noticed the issue on Friday 19th Nov.
Until today I was using Storyline V3.43.22859, but have since updated to V.3.46.23620.
R.
25 Replies
Any ideas?
Hello Rob!
Thank you for sharing those images! Here's what it looks like on my end using Chrome and Storyline 360 (Build 3.46.23620.0): Link
Which shadow are you using? I've tested this using the Outer style of the Shadow effect.
Lastly, if you'd like me to take a look at the project, please upload it using this link. I'll take a look and reply as soon as possible.
These are my settings. I'm using a rounded corner shape as the button with an Outer offset bottom shadow.
Thanks for looking into this.
Strange that Edge is working for me but Chrome isn't.
R.
Lauren,
I've just uploaded a zip containing a sample of the button and published output.
R.
Hi Rob!
I received your file and replied to your case. Looking forward to investigating this further.
For the benefit of others, it was determined that Chrome v87.0.4280.66 introduced the issue.
The issue wasn't present on Chrome v86.0.4240.198.
Articulate have logged this and created a bug report.
R.
Hi, I noticed the same problems with shadows - using Chrome 87.0.4280.66
Hi Adam!
We've logged this as a bug where the shadows are not appearing the same in Chrome 87.0.4280.66. I've added this discussion to the report, so we'll return to this thread when we have an update to share.
I'm having the same issue with all shadows, not just button shadows. When this is fixed, will I have to republish all courses that now look bad, or are you working with the developers at Google Chrome and hopefully they will update their software. This is a scary thought that Chrome can change and affect everything we've done.
Hi! I'm glad to see this discussion--I wasn't sure if it was just my computer. I have the 87.0.4280.66 update and shadows have disappeared from a very large series we developed in Articulate Storyline 360. Standing by to know whether we need to republish or if Google Chrome can make a fix!
I'm guessing this is also related to why the glow effect isn't working in Chrome 87. I tried without success to find if this is a a chromium bug or something removed from Chrome 87. Has anyone else discovered why? It is important to know if this will be resolved in a later version of Chrome, or if it was intentionally removed/deprecated by Chrome developers.
Hello Steven, Maki, and Will!
So sorry you're running into this issue! We only see the problem with Chrome 87, and yes, we are currently working on a fix. We'll let you know when that is ready to ship!
I am having the same issue in Edge as well (Chrome also doesn't work)
Thank you for these details! I've updated our current report with your findings.
I'm seeing the same issue with:
But Firefox is ok with both versions 83.0 (64 bit) and 84.0 (64 bit)
I'm hopping on this thread. Same issue here. I'm hoping I don't have to republish. Ack!
Edge is now based on Chromium so it would make sense for it to also be an issue in Edge.
For me it looks good on Firefox and Edge. so we do not need to republish in future.
If you update Edge I suspect you'll get the same issue.
Also do you know if your users are using Chrome?
The latest updates fixes some of the shadow issue in Chrome and Edge.
I've noticed three things:
An object with no animation, the shadow is OK.
An object with an animation, the shadow is cropped.
The initial buttons shadow is OK, but the shadow does not carry through to the other states.
Yes. problem is most users are using chrome
Hello. I suffer from the same problem. Is there any decision was found?
When publish shadows looks rectangular, normally they're blurred.
Hello Alina!
Thank you so much for sharing that you're running into this issue as well! I'm sorry for the trouble. I've logged this with my team as we've already released a fix, but it sounds like this could be a regression. I'll keep you updated in this discussion.
This post was removed by the author
Hi,
As I raised the original issue, I tried mine and don't have the issue described by Alina.
Storyline - v3.51.24979.0
Chrome - v90.0.4430.212