Not able to click on bootstrap modal on firefox

I made a "bug report" modal for my site and in the modal was not clickable at all, I searched everywhere and eventually found that the problem was the position:fixed I added transform: translateZ(0); -webkit-transform: translateZ(0); z-index:1000; to the .modal css and it worked for chrome, but latter on i tested in firefox and there it still isn't working, i tried z-index value and other possible solutions but none worked, the only thing that works is to change the .modal position to relative, but then the modal messes up with other elements on the page. Someone Knows how to solve this? PLEASE HELP! CODE: .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; transform: translateZ(0); -webkit-transform: translateZ(0); outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background-color: #000; transform: translateZ(0); -webkit-transform: translateZ(0); }