Shadow not showing on element below

HTML-CSS
1

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

2

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.

3

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
4

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