Why does my nav menu show behind my Content?

Question

https://code.sololearn.com/W60ks5SBnd88/?ref=app
When the cursor is on the document, grid button creates a grid that has a nav button in the top left corner.
Currently, when the nav menu button is pressed the menu options show behind the content and I’m not sure why. I’ve tried z-index in my css but that hasn’t worked.
If someone has any info or tips they can offer, that would be greatly appreciated.

Answer 1

Thomas
You can use <input> and <datalist>, that should solve your problem
https://www.w3schools.com/tags/tag_datalist.asp
https://code.sololearn.com/WYLZlnDztzPX/#html