Make sidebar go in front of absolutely positioned elements. | JavaScript Mastery - Programming & Coding Community | Page 1

sudden oxide Oct 8, 2023, 2:00 PM

#

Hello, I'm currently coding a web app where I have elements which are absolutely positioned (as seen in the picture). They can be dragged around the screen. The problem is that the input elements go in front of the sidebar, I want the input elements to go under the sidebar. Is there a way I can do this? I am using TailwindCSS, and I haven't been able to figure out what to do. Z-index doesn't seem to do anything, because it apparently doesn't work with absolutely positioned elements.

zealous mountain Oct 8, 2023, 2:22 PM

#

You might try giving the side-bar a z-index of 500 or something to assure it will be drawn on top.
Maybe elements dropped under it might not be touchsensitive any longer.

#

You could slide it in/out to reach els underneath 🤔

sudden oxide Oct 8, 2023, 2:27 PM

#

I tried changing in but it doesn't work.

pearl prawn Oct 9, 2023, 2:04 PM

#

Have you tried fixed position for the sidebar?

#Make sidebar go in front of absolutely positioned elements.