0

This is a quiz app where several quiz can be added to a particular topic. However, when I click on the button to start the quiz, the modal asking for confirmation pops up but in a darkened way. It does not allow me to select any of the option.

What is the issue here?

Alpha
  • 237
  • 1
  • 2
  • 7
  • A snapshot would help in a great way. – Mukul Kapoor Jun 18 '21 at 07:52
  • Your modal backdrop is hijacking your actual Modal popup content. – Mukul Kapoor Jun 18 '21 at 08:01
  • An old answer, but you'll get the point : https://stackoverflow.com/questions/10636667/bootstrap-modal-appearing-under-background – Mukul Kapoor Jun 18 '21 at 08:07
  • @MukulKapoor, thanks but I've tried, it aint working. Actually, I noticed something. I have an {% include 'footer.html' %}. If I remove it, everything goes fine. However, if i put it after the footer, still it does not work. :( – Alpha Jun 18 '21 at 08:21
  • Try placing your Modal code outside of your main content. Place it just before the closing Body tag. – Mukul Kapoor Jun 18 '21 at 08:34
  • @MukulKapoor, still not working – Alpha Jun 18 '21 at 08:34
  • Bootstrap adds a Div with class modal-backdrop just before the closing body tag (after you open the modal). Try fiddling with its z-index value to see if we are debugging it right. – Mukul Kapoor Jun 18 '21 at 08:37

0 Answers0