Pop up Modal Problem with other element behind it.
Short brief about the issue is, since I made a pop up modal and centered it to the screen with position fixed. I cant click or interact the landing page anymore on mobile view because of the modal is in the center.
The css property I used to make the modal pop up is then target it on Js to make it
Any suggestion to fix this?
https://codepen.io/pen?template=QWVWEqR
7 Replies
nah i think it's a z-index on form-controls??
what is even the point of setting that there?
also you probably want
pointer-events: none;
on the modal when it's hiddenyeah I try playing around with the z index too
okay let me try this
Still cant figure it out XD
did you remove the z-index?
why did not think of that huhu. Thankyou @mannix_ XDD
can u also suggest a function how can I exit the pop up form when clicking outside the form?
add eventlistener on modal-bg
IM GLAD IM LEARNING AT THE SAME TIME XDDD