Forum Discussion
Buttons with drop shadow not rendering correctly in Chrome.
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.
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.
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 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.
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!
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.
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.
