Shadow not showing on element below

Hi. I’m working on the markdown editor. Why does my toolbar not cast a shadow on the below editor element?

i set the z-index of editorToolbar to a high number and then it worked. But I’m not sure if this is the best way to fix it.

I’m guessing because the editor is being rendered after the container, the shadow effect is hidden underneath. Try placing a shadow around the entire editor and container. A way to do this might be to wrap them both in a div element with a unique class or ID, and apply styling effects to that.

1 Like

the pen I linked to in the original post was a fork so I wouldn’t be editing while waiting on reponses.

Here’s what I have right now in the version I’m actively editing