Web object and SL-created shapes

If you share a Story file someone might be able to troubleshoot it and help. As with the limited info i can get from your screenshot i would say your Webobject forces its z-index to be on top always.

I think there is at least a slight possibility that if the web object loads after the shapes appear, it may load on top of the slide. Does it happen if they appear after it loads? If that's the problem, and they have to be visible before it loads, you can probably bring them back to the top. Give them a motion path with zero length and not a relative start. Move them on that path after the object loads, and that should bring them back on top.

Hey Walt and Math !

Thanks for taking the time to answer.

So, i did multiple tests. If shapes have an entrance animation, they appear on top like they're supposed to and stay on top even when I resize my browser window. I can use this as a workaround.
But what's really strange to me is that a circle is always where I placed it no matter when it's loaded and without animation, but a square without animation will be visible as expected when viewed in a small window and disappear in full screen.

:-) nice wacky behaviour. If you wanted that, it would be hard to achieve :-)

Whats in your webobject ?

Have you tried with a very simple one that loads quick ?
Because i do think loading times and then especially those of the Webobject cause it.

Made a quick sample and indeed... it certainly is a bug. As the  Webobject has a z-index of 1 and all the shapes have higher z-indexes when published for Web in the Modern Player. You could force the z-index with javascript, but that should not be needed. Gonna dive somewhat deeper..
Ps. now loading a PDF in my WebObject, gonna make it smaller so the load is quicker..

I now have the simplest HTML in my WebObject and still the same issue...so its not loading... it might have to do with Mobile vs. Desktop..cause when scaling down the browser window it indeed pops up nicely... can't stand it i can not find the exact cause :-)... yet !

Well this at least solves it.
Setting the zIndex to a looooow value and all elements are on top as needed...

var webObj = document.querySelector("#slide-window > div > div > div > div > div.slide-layer.base-layer.shown > div.slide-object.slide-object-webobject.shown.cursor-hover > div")
gsap.set(webObj, {css:{zIndex:-50}});

You need a selector for your WebObject offcourse.

here is a sample... deactivate the JS trigger and you will see some of the shapes will disappear behind the WebObject indeed.

You will need the folder with the WebObject offcourse...

Hi Math 

Thank you so much for taking the time and finding a workaround ! I'll be sure to use it for the time being.

Hope the developers can fix the problem though.

Hi everyone!

I wanted to update this discussion to share that we no longer see this issue where some shapes created in SL and that are supposed to be in front of a web object disappear when published and launched in Chrome/Edge when using the latest version of Storyline 360, Build 3.61.27106.0.

If you or others are experiencing any additional issues using the latest update, don't hesitate to contact our support team directly.